angularjs tips

angular-ui

#1 .Impossible to disable fade in modal

angularjs ui modal 去掉fade in效果；

googleA

googleB

#2.更新view的操作必须放在 directive 里面写，不然数据不会实时更新。

当有时候　model update doesn't trigger view update　调用　$scope.$apply();

http://stackoverflow.com/questions/16185753/angular-js-model-update-doesnt-trigger-view-update

#3.directive 和controller 通信

directive 通过 $emit 触发事件，在对应controller 里面 监听事件 $on ;

controller 通过 $boradcast 广播事件 在directive 里面监听事件 $on

不同的controller 可以通过 $rootScope 广播事件进行通信;

#4.  pass parameter to modal

angularjs-ui 传递参数给modal的controller 通过scope 传递；

参见stackoverflow

#5 Bootstrap 3 & AngularJS Dialog/Modals

     github

     依赖angular-sanitize.min.js

#6替换angularjs 中的　{{}}

var myApp = angular.module('myApp', [], function($interpolateProvider) {  

    $interpolateProvider.startSymbol('<%');  

    $interpolateProvider.endSymbol('%>');  

});

#7 derective 中元素有一个跟元素

<!---test--->
<div></div>

------------------
<div>B</div>
<div>A</div>

------------------
AAAA
<div></div>

这些都是不行的！

#8 angular的post请求，SpringMVC后台接收不到参数值的解决方案