发表于: 2017-05-03 23:44:32
1 913
今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin)
完成一个 AngularJS Web 应用
明天计划的事情:(一定要写非常细致的内容)
AngularJS表单验证
遇到的问题:(遇到什么困难,怎么解决的)
$scope 是什么?
AngularJS中,子作用域一般都会通过JavaScript原型继承机制继承其父作用域的属性和方法。但在指令"directive"中使用scope: { ... }
,这种方式创建的作用域是一个独立的隔离"Isolate"作用域,它也有父作用域,但父作用域不在其原型链上,不会对父作用域进行原型继承。这种方式定义作用域通常用于构造可复用的directive组件。
JavaScript原型继承机制
在子作用域中向父作用域的原始类型属性使用双向数据绑定双向绑定"2-way data binding",比如Form表单的ng-model
为父作用域中的属性,且为原始类型,输入数据后,AngularJS不会把输入数据写到你期望的父作用域属性中去,而是直接在子作用域创建同名属性并写入数据。这个行为符合JavaScript原型继承机制的行为。 ng-repeat
、 ng-switch
、ng-view
和ng-include
都会创建子作用域。
$scope 与Controller是什么关系?
What are Scopes?
Scope is an object that refers to the application model. It is an execution context for expressions. Scopes are arranged in hierarchical structure which mimic the DOM structure of the application. Scopes can watch expressions and propagate events.
收获:(通过今天的学习,学到了什么知识)
ng-app
指令:
<html lang="en" ng-app>
ng-app
指令标记了AngularJS脚本的作用域,在<html>
中添加ng-app
属性即说明整个<html>
都是AngularJS脚本作用域。开发者也可以在局部使用ng-app
指令,如<div ng-app>
,则AngularJS脚本仅在该<div>
中运行。
评论