我在使用ngTagInput库时遇到一个奇怪的错误：
错误：无法更改type属性。
以下是该错误的屏幕截图 - 错误屏幕截图 。
HTML代码 -
<html ng-app="project"> <head> <link href="/css/ng-tags-input.bootstrap.min.css" rel="stylesheet"/> <link href="/css/ng-tags-input.min.css" rel="stylesheet" /> <script type="text/javascript" src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js'></script> <script type="text/javascript" src="/assets/bootstrap-3.2.0-dist/js/bootstrap.min.js"></script> <script type="text/javascript" src='/js/angular.min.js'></script> <script src="/js/ng-tags-input.min.js"></script> <script src="/js/app.js"></script> </head> <body> <form ng-controller="MainCtrl" role="form"> <div class="col-md-12 topM10px"> <tags-input ng-model="formInfo.tags" placeholder="Add a keyword"></tags-input> </div> <div class="col-md-12 topM10px"> <div ng-click="submitidea()" class="col-md-3 submitbtn">Submit</div> </div> </form> </body> </html>控制器代码（app.js） -
var app = angular.module('project', ['ngTagsInput']); app.controller('MainCtrl', function($scope, $http) { $scope.formInfo = {}; $scope.tags = [ { text: 'Tag1' }, { text: 'Tag2' }, { text: 'Tag3' } ]; $scope.submitidea = function(){ console.log($scope.formInfo); } });请有人帮忙。 提前致谢
I am getting an strange error while using ngTagInput library:
Error: type property can't be changed.
Here is the screenshot of that error - Error Screenshot.
HTML Code -
<html ng-app="project"> <head> <link href="/css/ng-tags-input.bootstrap.min.css" rel="stylesheet"/> <link href="/css/ng-tags-input.min.css" rel="stylesheet" /> <script type="text/javascript" src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js'></script> <script type="text/javascript" src="/assets/bootstrap-3.2.0-dist/js/bootstrap.min.js"></script> <script type="text/javascript" src='/js/angular.min.js'></script> <script src="/js/ng-tags-input.min.js"></script> <script src="/js/app.js"></script> </head> <body> <form ng-controller="MainCtrl" role="form"> <div class="col-md-12 topM10px"> <tags-input ng-model="formInfo.tags" placeholder="Add a keyword"></tags-input> </div> <div class="col-md-12 topM10px"> <div ng-click="submitidea()" class="col-md-3 submitbtn">Submit</div> </div> </form> </body> </html>Controller code (app.js)-
var app = angular.module('project', ['ngTagsInput']); app.controller('MainCtrl', function($scope, $http) { $scope.formInfo = {}; $scope.tags = [ { text: 'Tag1' }, { text: 'Tag2' }, { text: 'Tag3' } ]; $scope.submitidea = function(){ console.log($scope.formInfo); } });Please someone help. Thanks in advance
最满意答案
您似乎在一个或多个库之间存在冲突。 这可以通过隔离哪个库导致问题（当注释掉，错误消失），然后尝试该库和/或Angular的不同版本来解决。
我做了一个使用相同版本的Bootstrap和jQuery的小提琴，但是使用的是Angular 1.4.8而不是1.5，所以我认为jQuery 1.8.1和Angular v1.5.0-rc.0之间存在冲突，因为小提琴没有任何错误。 建议将Angular版本降至1.4.8并查看是否能解决问题。
You appear to have a conflict between one of more of your libraries. This can probably be resolved by isolating which library is causing the issue (when commented out, the error goes away), and then trying different versions of that library and/or Angular.
I did a fiddle that uses the same version of Bootstrap and jQuery that you are, but is using Angular 1.4.8 instead of 1.5, so I believe the conflict is between jQuery 1.8.1 and Angular v1.5.0-rc.0 since the fiddle works without any errors. Recommend dropping your Angular version down to 1.4.8 and see if that resolves the issue.
更多推荐
发布评论