angular js路由的配置学习完后接着就是变量的绑定,函数的绑定,ng-repeat数组的使用方法和ng-show了。
一,变量的绑定:
<button>{{value}}</>
设置一个按钮,按钮上会显示变量值,这个变量的获取方法就是在controller中通过$scope获取。例如:
$scope.value = '变量值'
这样就把变量值赋给value了。
二,函数的绑定:
我们在html页面会编辑点击事件,然后在html对应的控制页面绑定函数,调用这个函数执行任务。
代码如下:
<button ng-click='go_to_select_people'>{{value}}</>
然后控制页面代码如下:
$scope.go_to_select_people = function(){ alert(餐厅名); }
三,ng-repeat的使用:
使用ng-repeat可以更简洁的展示我们想要展现的页面。使用方法是:将使用方法相同的数据放到一个数组里,不用每一个都描述一下了。
代码如下:
<button ng-repeat = ‘person in people’>{{person}}</>
然后再控制页面写下数组的内容:
$scope.people = ['jim','jenny','kim'];
四,ng=show的使用:
ng-show是用来隐藏某些内容的,或者对于某些内容我们想让他在某种情况下展示出来
代码如下:
<div ng-show = 'true'>name</> <div ng-show = 'false'>name</>
也就是当ng-show为真的时候name会被显示,当为假的时候name将会被隐藏。