发表于: 2017-05-02 23:29:20
1 1014
今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin)
配置项目的路由,在几个页面中做单页面跳转
明天计划的事情:(一定要写非常细致的内容)
angular双向绑定
angular指令ng-model
angular添加事件
angular表单验证
遇到的问题:(遇到什么困难,怎么解决的)
ng-app:声明AngularJS应用程序的根元素,根据该元素可以用于声明绑定并定义行为。
ng-bind:将DOM元素的文本设置为表达式的值。例如,<span ng-bind =“name”> </ span>在span元素中显示“name”的值。在应用程序范围内对变量“name”的任何更改都将立即反映在DOM中。
ng-model:类似于ng-bind,但是在视图和范围之间建立双向数据绑定。
ng-model-options:提供模型更新如何完成的调整。
ng-class:让类属性动态加载。
ng-controller:指定评估HTML表达式的JavaScript控制器类。
ng-repeat:从集合中的每个项目实例化一个元素。
ng-show & ng-hide:有条件地显示或隐藏元素,具体取决于布尔表达式的值。显示和隐藏通过设置CSS显示样式来实现。
ng-switch:根据选择表达式的值,有条件地从一组选择中实例化一个模板。
ng-view:基本指令负责处理由指定控制器驱动的渲染模板之前解析JSON的路由。
ng-if:如果条件为真,则基本if语句指令实例化以下元素。当条件为false时,元素将从DOM中删除。当为true时,重新插入已编译元素的克隆。
ng-aria:用于辅助功能支持常见ARIA属性的模块。
ng-animate:一个模块支持现有的核心和自定义指令中的JavaScript,CSS3转换和CSS3关键帧动画挂钩。
ng-table:在AngularJS上排序和过滤的简单表
收获:(通过今天的学习,学到了什么知识)
//在app.js中配置项目的路由,使之可以在几个页面中做单页面跳转
var myApp = angular.module("myApp", ['ui.router']);
//声明AngularJS模块, 并把ui-router传入AngularJS主模块,所有的结合起来我们就得到了Angular模块。
//这里叫做App模块,这将告诉HTML页面这是一个AngularJS作用的页面,它的内容由AngularJS引擎来解释。
myApp.config(function ($stateProvider, $urlRouterProvider) {
//声明了把 $stateProvider 和 $urlRouteProvider 路由引擎作为函数参数传入,这样我们就可以为这个应用程序配置路由了.
$urlRouterProvider.when("", "/tab");
//如果没有路由引擎能匹配当前的导航状态,那它就会默认将路径路由至 tab.html, 这个页面就是状态名称被声明的地方. 只要理解了这个,那它就像switch case语句中的default选项.
$stateProvider
.state("tab", {
url: "/tab",
templateUrl: "tab.html"
})
//index.html页面第一个显示出来的状态,作为页面被加载好以后第一个被使用的路由.
.state("tab.backstage", {
url:"/backstage",
templateUrl: "backstage.html"
})
.state("tab.list", {
url:"/list",
templateUrl: "list.html"
})
.state("tab.details", {
url:"/details",
templateUrl: "details.html"
});
});
评论