angularJS错误及其解决办法集

后期会持续更...

1.  [$compile:tplrt] Template for directive 'uiUploadFile' must have exactly one root element

我明明定义了templateUrl: ' xxx/upload-file.html '，但是会报这个错，找了好大会儿，发现在html文件最外层，加个div包裹即可解决。

2. 用到jq方法修改$scope.test值时，发现 $scope.test对应的dom不会实时刷新，采用$apply强制更新变量值

3. 问题：ng-if 控制显示div 时，我在div里绑定了一个变量，然后在$scope绑定的函数中动态改变了这个变量，页面上却没变化，如下：

ctroller.js：
$scope.showName = true;
$scope.ok = function(){
    $scope.name = ' hello ';
}

html:
<div ng-if="showName">
   <button ng-click="ok()">ok</button>
   name:  <input type="text" ng-model="name">
</div>

   分析：ng-if 会重新创建一个自己的子作用域，所以在js中直接使用$scope.name不会改变页面上if里的变量。

   解决：

            方法1：将ng-if 换成 ng-show

            方法2：在ng-model绑定时，使用父作用域的变量，即 ng-model = ' $parent.name '

            方法3：绑定一个全局的变量（父作用域里的），比如在controller里定义一个变量，$scope.info= { name: ''}，页面上ng-model="info.name"

4. ui-sref没法跳转到指定目录的问题。控制台报错：“ Could not resolve 'app.operation.default' from state 'app'”

     我查看了网页中的元素，发现这个<a>标签中没有生成href。在注册模块时加入 'operation'模块后，问题解决。