正在查看: JavaScript 分类下的文章(第 1 页 / 共 2 篇)

angular: controller As 与 $scope

简单地说,如果设置了{controllerAs:main}, 则 $scope['main'] =  new MainController(); 意即别名会则为控制器$scope的一个属性存在。具体可参照:

http://codetunnel.io/angularjs-controller-as-or-scope/

——————

在视图中具名的form是一个默认的FormController,由angular生成并设定。在form的父控制器中可以访问到这个form控制器的一些属性,如: $scope.myFormName.myFieldName.$valid 等。具体参见angular手册:

https://docs.angularjs.org/api/ng/directive/form

延迟绑定,即在修改一个字段时(onchange事件)不想立刻将修改的字段反映到其他视图中时,可以在 字段加入绑定选项: <input ng-model="myModel" ng-model-options="{updateOn: 'submit'}" />,因为默认是在失去焦点后就修改视图,可以改成在提交表单后才修改视图。在提交表单时,需要注意提交model的更新:

 scope.myForm.$commitViewValue();
// scope.myForm.myField.$commitViewValue();

参考链接如下:

https://code.angularjs.org/1.4.10/docs/api/ng/directive/ngModelOptions

鼠标hover到图片显示文字的简单特效

首先是一个html结构:

<ul class="works">
 <li class="js-mask">
  <a href="/view/22">
   <img src="/upload/posts/52bda9bb.jpg">
   <div class="mask">
    <h4>栖息鸟房产</h4><span>品牌设计</span>
   </div>
  </a>
 </li>
</ul>

该html结果似乎不符合html规范,在级联元素里包含了块状元素;另外要确保hover后,图片还是能被点击的。有人把mask的部分放到了a元素的外面,那么hover后a就不能被点击了,这是个问题。

»阅读全文