【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のパスとコントローラー名を設定してマッチしたらって感じ。