?

整個項目架構下，我們需要關注的有

?

1.app.js 主模塊的定義，以及其他公共模塊，

angular.module().run().config()

2.index.html 模塊啟用，資源文件的引入，頁面公共入口

3.子模塊路由

• l?app.js 子模塊路由配置

$stateProvider

.state('demo1', {

url : "/demo1",

cache : false,

templateUrl : "templates/demo/demo1.html",

controller : 'DemoController'

})

?

• l?模板文件夾:templates/demo/demo1.html
• l?控制器 文件夾: controllers/Demo/DemoController.js(DemoController)

angular.module().controller()

?

4.公共服務和指令開發(fā)

angular.module.factory()

angular.module.directive()

?
index.html
??? <link href="css/style.css" rel="stylesheet">
??? <link href="css/common.css" rel="stylesheet">
??? <link href="css/main.css" rel="stylesheet">
? <script src="js/controllers/Demo/DemoController.js"></script>
?
缺點:資源文件全局加載
訪問? http://localhost:8080/hf-km_mweb/www/#/demo1

常用 界面組件(angular 范疇)

?

功能	代碼參考
｛｛屬性名｝｝	數(shù)據(jù)綁定對象，例如{{attr1}}這里會自動綁定控制層$scope.attr1。此標簽可以出現(xiàn)在頁面調用的js函數(shù)中，注意不能使用雙引號和單引號了，如<a ng-click="gotoDetail({{item.planserialno}})">立即投資</a>
ng-click	標簽的點擊事件，<a ng-click="testService()">test</a>：點擊此標簽會觸發(fā)控制器中的$scope.testService方法。當然ng-click還可以用于div,ul,li等標簽中。
ng-submit	form表單提交事件，如<form ng-submit="submitData()">
ng-include	通常與div結合，表示頁面包含，類似于jsp的include用于引用，如<div ng-include="'templates/foot.html'"></div>表示引用foothtml頁面，這樣做的好處是可以共享foot.html頁面。
ng-model	用于綁定input,select 等表單提交界面，如<input type="text" ng-model="UserName" placeholder="用戶名/手機號/郵箱" required/>，同樣UserName與控制器中的$scope.UserName一一對應。
ng-repeat	循環(huán)，類似于el表達式的forEach,用于列表循環(huán)，例如<li ng-repeat="item in items"><h5>{{item.minsum}}元</h5></li>,item代表當個對象，items表示item的集合，items與$scope.items一一對應。
ng-show	綁定標簽是否顯示,如<ul ng-show='menuState.show'>，那么ul是否顯示根據(jù)menuState.show來判斷。
ng-disabled	通常用于控制按鈕是否變灰。如<button ng-disabled='!form.$valid'>Submit</button>

其他高級主鍵

頂部下拉刷新

?

底部上拉刷新

?

select使用

?

轉載于:https://www.cnblogs.com/alan-alan/p/7326825.html

總結

以上是生活随笔為你收集整理的ionic移动开发流程api的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。