常用的ng指令 ng-disabled/ng-include(用于多标签页面)/ng-select

ng-disabled:

<input type="text" ng-model="able">

<button class="button button-positive button-small" ng-disabled="!able">提交</button>

<button class="button button-positive button-small" ng-disabled="vm.disable">禁用5秒</button>

// 禁用5秒

vm.disable = true;

$timeout(function () {

vm.disable = false;

}, 5000)

 

ng-include(用于多标签页面):

<div ng-include="'templates/list.html'" ng-init="name = 'World'">

Hello {{ name }}

</div>

<li role="presentation" class="active">

<a ng-click="tabClick('templates/list.html')"> 主页</a>

</li>

<li role="presentation">

<a ng-click="tabClick('templates/list2.html')">关于</a>

</li>

<div id="home" class="tab-pane slide-top active" ng-include="tabUrl"></div>

$scope.tabClick = function (url) {

$scope.tabUrl = url;

}

$scope.tabClick('templates/list.html')

ng-select:

<select ng-model="city" ng-options="city.name for city in cities">

</select>

Best City: {{ city.name }}

$scope.cities = [

{name: 'Seattle'},

{name: 'San Francisco'},

{name: 'Chicago'},

{name: 'New York'},

{name: 'Boston'}

];