发表于： 2016-07-08 00:24:03
1 2053
今天完成的事：
学习angular 听蔡源将一波task7的思路 主要是带参的页面传递然后去学习一下 学习了双向绑定
重新学习了一下bootstrap 修改之前css的样式
明天要做的事：
继续学习路由和依赖注入，开始task7
遇到的问题：
查看了一下之前的项目中的路由格式
//职业选择页面
.state('homePage.professionSelect', {
url: '/homePage',
templateUrl: 'view/professionSelect.html',
controller: 'homePageCtrl',
controllerAs: 'vm',
resolve: {
loadMyFile: _lazyLoad(['js/controllers/homePageCtrl.js'])
}
})
学习了
controllerAs的用法
可以把
app.controller('MainCtrl', function($scope) {
$scope.title = 'Some title';
});替换成
app.controller('MainCtrl', function() {
this.title = 'Some title';
});然后学习了一些小的知识点比如ng-class 通过ng-model进行数据绑定 以及ng-class在angular中的三种格式
1：scope变量绑定，如上例。（不推荐使用）
2：字符串数组形式。
3：对象key/value处理。
<body ng-app="">
<p>选择一个种类</p>
<select ng-model="home">
<option value="sky">天空色</option>
<option value="tomato">番茄色</option>
</select>
<input type="radio" value="sky" name="home" ng-model="home"/>天空色
<input type="radio" value="tomato" name="home" ng-model="home" />番茄色
<div ng-class="home">
<!--下一种适合需要添加多个类的时候，也就是ng-class的值为一个对象-->
<h1>Welcome Home!</h1>
<p>I like it!</p>
</div>
<div ng-class=" {true :'sky', false :'tomato'}[true]">
<!--字符串数组形式是针对class简单变化，具有排斥性的变化，true是什么class，false是什么class，-->
<h1>Welcome Home!</h1>
<p>I like it!</p>
</div>
以及filter过滤器的使用 ng-hide ng-show 以及数据格式转换
然后感觉看书的效率有点低 去找一些简单的额例子敲一敲 然后去看项目中有没有类似的用法 再去百度了解具体的详情
然后今天晚上听启辰哥讲课 觉得学习新知识的方法很好 去修改 删除 一些 demo 看其中的变化 试着自己去歇写一些注释对demo的用法有大概的了解 再去看官方文档
返回列表
评论