【angularJs】--入门实例二
上一篇博客中简单说了一下登录的实现。本文简单看一个显示的页面。通过这两个例子,来简单总结一下angularjs 的特性。 界面效果: 在这个例子中,页面是这样写的: <ion-nav-view> <any class="bar bar-header bar-balanced" ng-controller="evaluationTaskCtrl"> <font size=5><i style="vertical-align: middle" class="icon ion-ios-arrow-left"></i></font> <h1 class="title" >尚未评估</h1> <button class="button" ng-click="gotofeedback()">反馈</button> </any> <div class="scroll-content has-header"> <div class="item item-icon-left item-icon-right" ng-repeat="item in evaluationTask" ng-click="gotoStudentEvaluate()"> <div > <i class="icon ion-record " style="color:#9F79EE;font-size: 320%"> <span style="font-size: 32% ;font-weight:bold;position: relative;left: -42%;color:#FFFFFF " >{{item.teacherName}}</span> </i> <h2 style="position: relative;left:5%;font-weight:bold;">{{item.courseName}}</h2> <i class="ion-android-person" style="position: relative;left:5%;bottom:-3px;color: #AAAAAA"></i> <p style="position: relative;left:5%;bottom:-2px;display: inline;color: #AAAAAA">{{item.teacherName}}</p> </div> </div> </div> </ion-nav-view>
第一点:页面显示了多个数据,而我在画页面的时候,仅仅是简单用了一个ng-repert指令。循环我们所查出来的结果。 Angularjs的特性———— 2 模块化 3指令系统 4双向数据绑定 这一点和WPF中的双向数据绑定是一个原理。即界面可以显示model的数据,同时,界面也能更改数据直接变更到model上面。简化了一些列的赋值取值过程。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |