angularjs入门范例Word格式文档下载.docx

1、/titlescript src=angular.min.js/scriptscript language=JavaScript- / 定义HTML中ng-controller指定的同名函数 function SampleController（$scope） / 借助于参数$scope为页面输出数据 $scope.message = Hello World!; /-/headbody- ng-controller指令指定控制器 -h1 ng-controller=SampleController- 用输出容 -pmessage5 * 3/h1/body/html（2）输出数据输出数据 $sco

2、pe.simple = 使用简化写法输出容 $scope.directive = 使用指令输出容div ng-controller=simplep ng-bind=directive- ng-bind 和 的区别： stackoverflow./questions/16125872/why-ng-bind-is-better-than-in-angular -/div（3）显示/隐藏显示/隐藏- ng-show的值为true时显示，false时隐藏 -div ng-show=true Visible false Invisible （4）表单校验表单校验span ng-show=myForm.

3、id.$error.requiredRequiredmyForm.id.$error.maxlengthToo long！br/passuser.pass required ng-minlength=5myForm.pass.$error.requiredmyForm.pass.$error.minlengthToo short！/form（5）表单表单 /checkboxradiohoge value=HOGEHOGEFUGAFUGAselect ng-model=selectoption value=fooFoobarBar- 用实时输出容 -hr你输入了： text（6）事件监听事件监听 $scope.click = function（） click button! ;button ng-click=click（）Buttonmessage（7）循环输出循环输出li ng-repeat=item in items item.key : item.value/li/ul（8）循环输出（顺位）循环输出（顺位） $index + 1 item.key :（9）循环输出（操作item）循环输出（操作item） $scope.items