angularJS错误及其解决办法集
2017-10-19 16:25
274 查看
后期会持续更...
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绑定的函数中动态改变了这个变量,页面上却没变化,如下:
分析: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'模块后,问题解决。
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'模块后,问题解决。
相关文章推荐
- 常见编译/链接错误及其解决办法
- SYBASE编程中的莫名错误及其解决办法
- 嵌入式学习中遇到的错误及其解决办法
- open_basedir restriction in effect的错误及其解决办法
- 举例说明出现case expressions must be constant expressions错误的原因及其解决办法
- AngularJS iframe跨域打开内容时报错误的解决办法
- 常见编译/链接错误及其解决办法
- 关于Android SDK更新之后引发的一系列错误及其解决办法——DIY Android SDK 的体验
- 常见编译/链接错误及其解决办法
- SYBASE编程中的莫名错误及其解决办法
- 常见编译/链接错误及其解决办法
- SYBASE编程中的莫名错误及其解决办法
- SQL Server 2008常见错误及其解决办法
- github常见操作和常见错误及其解决办法
- open_basedir restriction in effect的错误及其解决办法
- PROTEL常见错误及其解决办法
- JDBC中遇到的一些错误及其解决办法
- SYBASE编程中的莫名错误及其解决办法
- Android打包出现形如“Dx bad class file magic (cafebabe) or version (0033.0000)1”的错误的原因及其解决办法
- 【总结】Python 2.x中常见字符编码和解码方面的错误及其解决办法