返回
angularjs使用指令增强标准表单元素功能_angularjs

angularjs使用指令增强标准表单元素功能_angularjs

ID：30772930

大小：354.14 KB

页数：13页

时间：2019-01-03

angularjs使用指令增强标准表单元素功能_angularjs_第1页
angularjs使用指令增强标准表单元素功能_angularjs_第2页
angularjs使用指令增强标准表单元素功能_angularjs_第3页
angularjs使用指令增强标准表单元素功能_angularjs_第4页
angularjs使用指令增强标准表单元素功能_angularjs_第5页
资源描述：

《angularjs使用指令增强标准表单元素功能_angularjs》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、AngularJS使用指令增强标准表单元素功能Angular可使用指令无缝地増强标准表单元素的功能，我们将讨论它的优点，包括：数据绑定、建立模型属性、验证表单、验证表单后反馈信息、表单指令属性下面我们通过案例验证他们的用法：一、双向数据绑定（ng-model）和建立模型属性〈tit1e>AngularDirective

2、s〃href-^css/bootstrap.min.css/z>ToDoList{{(todos

3、filter:{comp

4、letc:'false'}).length}}Action:〈inputtype=〃text〃id二〃action”ng-model=z/newToDo.action，/clas

5、s二〃form-control〃>

Location:Home

6、rimarybtn-block"ng-click=，/addNewltem(newToDo)〃>Add〈/button>

〈tableclass=〃tabletable-borderedtable_striped〃>#ActionDone〈trng-repeat二〃itemintodos〃>{{$index+1}}{{item,action

7、}}〈inputtype二〃checkbox"ng-model=〃item.complete〃/>

//defineamodulenamedexampleAppangular.module("cxamplcApp",[])//defineacontrollernamedd

8、efaultCtrl•controller(5defaultCtrl",function($scope){//数据模型$scope.todos二[{action:"playballzcomplete:false{action:"singing",complete:false},{action:"running",complete:true},{action:〃dance〃，complete:true},{action:"swimmincomplete:false},{action:z，cating",completc:false];//添加数据到模型$scope

9、.addN

当前文档最多预览五页，下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页，下载文档查看全文
温馨提示：
1. 部分包含数学公式或PPT动画的文件，查看预览时可能会显示错乱或异常，文件下载后无此问题，请放心下载。
2. 本文档由用户上传，版权归属用户，天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容，确认文档内容符合您的需求后进行下载，若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误，付费完成后未能成功下载的用户请联系客服处理。