Angularjs 入門

イシュー

  • Salesforceにいきなり組み込む前に動作確認

参考

angular-seed

  • angular のひな形

参考

準備

npm upgrade

brew upgrade node

bower

ng-app

  • Visualforce だと、=""なしの属性が書けないので、必ず ng-app="myApp" などになる

$scope

  • $scope はコントローラ内変数ハッシュのルートオブジェクト
  • 以下で、コントローラ内変数に、値や関数を割り当てているサンプルが分かりやすい。
  • コントローラは主にイベントのハンドリングと双方向バインディングを行う
  • 複雑なロジックは同じくAngularJSの機能である、「Service」や「Factory」を使用する

コントローラ

  • 引数が一つ（$scope）のコントローラの書き方
<script>
    var myApp = angular.module('myApp',[]);//←この記述は、いまは気にしない
    myApp.controller('MessageCtrl', ['$scope', function($scope) {
        $scope.message = 'set variable in Controller!';
    }]);
</script>
  • 引数が２つ（$scope, doubleMe)のコントローラの書き方
    var myApp = angular.module('myApp',[]);//←この記述は、いまは気にしない
    myApp.controller('MessageCtrl', ['$scope', 'doubleMe', function($scope, doubleMe) {
        $scope.message = 'set variable in Controller!';
    }]);

factory と serviceの違い

参考

ライブラリ

フォームのバリデーション