AngularJS学习总结

来源：互联网发布：锐捷云桌面软件安装编辑：程序博客网时间：2024/05/10 09:24

Hello World

<!DOCTYPE html><html><head><meta charset="utf-8"><script src="https://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script> </head>    <body>        <div ng-app='' ng-init="name='world'">             <!--            ngapp=名字 定义一个ng-app AngularJS 应用程序            ng-init="变量=值" 初始化变量            ng-model="变量" 指令把元素值（比如输入域的值）绑定到应用程序                 -->            Say hello to: <input type="text" ng-model="name">            <br>            <h1>Hello,{{name}}</h1>        </div>    </body></html>

ng-app
ng-model
ng-bind =={{}}

全局controller

<!DOCTYPE html><html><head><meta charset="utf-8"><!-- <script src="https://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>  --><script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.js"></script> </head>         <body>        <div ng-controller="HelloCtrl">            Say hello to: <input type="text" ng-model="name">            <br>            <h1>Hello,{{name}}</h1>        </div>    </body>    <script>        var HelloCtrl = function($scope){        $scope.name = "World.";        }    </script></html>

结果：未通过。

这里写图片描述

有的回答是1.3以后不支持全局controller。但是这是1.0.7，不知道为什么不可以。所以还是使用后面的依赖注入。

0 0