2 回答

TA貢獻(xiàn)1836條經(jīng)驗(yàn) 獲得超3個(gè)贊
angular的版本可以通過(guò)查看angular.js的文檔來(lái)具體查看,可以在angular的網(wǎng)站上下載到各個(gè)版本的angular文件。
angularjs的基本用法:
如圖所示,第一步就是建好一個(gè)關(guān)于angularJS的相關(guān)項(xiàng)目結(jié)構(gòu)。
然后引入angularJS對(duì)應(yīng)的插件,這樣我們使用angularJS語(yǔ)法才不會(huì)報(bào)錯(cuò)哦。
ng-app放置在body里面,這樣body就是整個(gè)應(yīng)用程序的根目錄了。
然后我們用model綁定input,并且把input的值綁定到變量“jingyan”里面。
使用花括號(hào)可以解析變量,如圖,我還給變量添加了樣式。
最后,測(cè)試一下,我們輸入什么就會(huì)顯示什么,這是因?yàn)樗呀?jīng)雙向綁定了。

TA貢獻(xiàn)1824條經(jīng)驗(yàn) 獲得超8個(gè)贊
angular和angular-route 版本一定要對(duì)應(yīng)才能正常用嗎
不是要版本一樣
之前做了書本上的一個(gè)例子:angular版本用的1.2.16,angular-route我pull了1.5.8最新版本運(yùn)行程序控制臺(tái)報(bào)錯(cuò):
12 | Error: $injector:modulerr Module Error |
我是用bower來(lái)管理依賴文件的,哪這個(gè)工具有沒(méi)有命令可以查看依賴關(guān)系呢?
示例代碼:
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455 | <!DOCTYPE html> <html lang= "en" ng-app= "a5_6" > <head> <meta charset= "UTF-8" > <title>Title</title> <script type= "text/javascript" src= "../bower_components/angular/angular.min.js" ></script> <script type= "text/javascript" src= "../bower_components/angular-route/angular-route.min.js" ></script> <style> body{ font-size:13px; } .show{ background-color: #cccccc; padding:8px; width:260px; margin:10px 0; } </style> </head> <body> <h1>View組件中的模版切換</h1> <div> <a href= "#/" >首頁(yè)</a>| <a href= "#/book1" >圖書</a>| <a href= "#/game" >游戲</a> </div> <div ng-view></div> </body> <script type= "text/javascript" > var a5_6 = angular.module( 'a5_6' ,[ 'ngRoute' ]); a5_6.controller( 'a5_6_1' ,[ '$scope' , function ($scope){ $scope.title = '這是首頁(yè)' ; }]); a5_6.controller( 'a5_6_2' ,[ '$scope' , function ($scope){ $scope.title = '這是圖書頁(yè)' ; }]); a5_6.controller( 'a5_6_3' ,[ '$scope' , function ($scope){ $scope.title = '這是游戲頁(yè)' ; }]); a5_6.config([ '$routeProvider' , function ($routeProvider){ $routeProvider.when( '/' ,{ controller: 'a5_6_1' , template: "<div class='show'>{{title}}</div>" }).when( '/book' ,{ controller: 'a5_6_2' , template: "<div class='show'>{{title}}</div>" }).when( '/game' ,{ controller: 'a5_6_3' , template: "<div class='show'>{{title}}</div>" }).otherwise({ redirectTo: '/' }); }]); </script> </html> |
- 2 回答
- 0 關(guān)注
- 4307 瀏覽
添加回答
舉報(bào)