初涉angular的小tip

時間 2019-12-24

原文原文鏈接

初涉angular的一些小tip
好久就據說過angular的大名了,以及它的MVVC框架模型的優越性,最近一直在搗騰這個,在學習的過程當中遇到的一些問題以及解決辦法記錄以下:
(1)當ng-app=""時,直接能夠在內容中使用angular內置的一些功能,好比ag-model的雙向數據綁定.可是當ng-app不爲空值的時候,必須將ng-app進行注入操做,不然會提示ng-app注入失敗的錯誤:
例如:
<!DOCTYPE html>
<html ng-app="myApp">
<head>
    <meta charset="UTF-8">
    <title>angular test</title>
    <script type="text/javascript" src="js/angular.min.js"></script>

</head>
<body>
    <input type="text" ng-model="name"/></br>
         {{name}}
    <script type="text/javascript">
            var app = angular.module('myApp',[]);javascript

    </script>
</body>
</html>
若是將第二行的代碼的ng-app設爲空值,則會運行成功.
(2)當在向控制器傳入多個依賴注入的做用域的時候,對應的函數的參數也應該有相同的順序,例如:
        app.controller('youController', ['$scope','$rootScope', function($scope,$rootScope){
                 ....
            }]);
(3)run 方法初始化全局的數據,並且只對全局做用域起做用,如$rootScope,例如:
    app.run(['$rootScope',function($rootScope){
        $rootScope.sex = '男';
    }])html

(4)ng-bind和ng-bind-template的區別：
ng-bind只能綁定一個變量，而ng-bind-template能夠綁定多個變量，如：
    <div ng-controller="myController">
          <p ng-bind-template="{{name}}{{age}}"></p>
    </div>
    <script type="text/javascript">
        var app = angular.module('myApp',[]);
        app.controller('myController', ['$scope', function($scope){
             $scope.name = 'sunshine';
             $scope.age = '31';
        }])
    </script>java

1. Local Cache的小TIP
2. Vuex 小tip
3. EXCEL的一些小Tip
4. sqlalchemy使用上的小tip
5. 備份的一些小tip
6. vue-router初涉
7. OpenResty初涉
8. 初涉Locust
9. 初涉DVA
10. 初涉運營
更多相關文章...
• MySQL FLOAT、DOUBLE、DECIMAL（小數類型） - MySQL教程
• 數據庫涉及到哪些技術？ - MySQL教程
• 適用於PHP初學者的學習線路和建議
• 漫談MySQL的鎖機制

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。