nv-viewを使って(5月20日)
今日もAngularJSでございます。
nv-viewを使って、他のhtmlファイルを読み込む方法を模索!
index.html
<!DOCTYPE html> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js"></script> <script src="script.js"></script> </head> <body> <div ng-app="project"> <div ng-view> </div> </div> </body> </html>
script.js
var app = angular.module('project',[]); app.config(function($routeProvider){ $routeProvider. when('/',{templateUrl:'list.html'}) })
list.html
<p>11</p>
上記3つのファイルを使って実行したら、11が表示される。
明日から、$routeProviderのurlの設定をして、urlによって表示を変えれるようにしたい。
でも、ng-view一回しか使えないっぱいから、どうしたものかな。