anjualr js深层学习

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将会被隐藏。

猜你喜欢

转载自2312865928.iteye.com/blog/2260668