知行合一

とか言ってみる

【AngularJS】 ng-modelとng-initとrouteProvider

◼︎ng-init

       <div ng-init="friends = [{name:'John', phone:'555-1276'},

こんな感じでng-initが出てきた時はコントローラ内で

$scope.friends = {name: 'John', phone: '555-1276'}

と同義。

◼︎ディレクティブ
AngularJSには処理やDOMをひとまとめにしておくディレクティブという仕組みがある。
ng-modelとかがそう。ngInitやngRepeatも。


◼︎ルーティング設定
ここで~~.htmlと~~Ctrlの紐付けができる。

$routeProvider
            .when('/', {
                templateUrl: 'views/main.html',
                controller: 'MainCtrl'
            })
            .when('/about', {
                templateUrl: 'views/about.html',
                controller: 'AboutCtrl'
            })
            .when('/login', {
                templateUrl: 'views/login.html',
                controller: 'LoginCtrl'
            })
            .otherwise({
                redirectTo: '/'
            }
        );

URLのパスとコントローラー名を設定してマッチしたらって感じ。