angularjs 1.3 綜合學習 (one way bind , ng-if , ng-switch , ng-form ,ng-model , ng-message)

標籤：

主要講解1.3後的一些新功能，和一些以前沒有介紹的小功能 (ng-if,ng-switch).

 

1.one way bind 

　這個之前的版本已經有人自己實現了，但是在1.3之後，angularjs 有內建的了。用法極其簡單 . 

<div ng-app="app" ng-controller="ctrl">    {{ ::value }}</div><script src="../../js/Stooges.js"></script><script src="../../js/ng-1.3.10/angular.js"></script><script>    var app = angular.module("app", []);    app.controller("ctrl", ["$scope", "$timeout", function ($scope, $timeout) {        $scope.value = "keatkeat";        $timeout(function () {            $scope.value = "xinyao";        },2000);    }]);</script>

看到嗎 ？只是把從前的 {{ value }} 改成 {{ ::value }} . 加了 :: 就表示這個值只是要單向綁定，之後$scope改變了也不會在同步到模板了。

 

angularjs 1.3 綜合學習 (one way bind , ng-if , ng-switch , ng-form ,ng-model , ng-message)