saj*_*raj 5 angularjs ng-tags-input
我在使用 ngTagInput 库时遇到奇怪的错误：
错误：无法更改类型属性。
这是该错误的屏幕截图 - Error Screenshot。
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);
}
});
请有人帮忙。提前致谢
您的多个库之一之间似乎存在冲突。这可能可以通过隔离导致问题的库（注释掉后，错误消失），然后尝试该库和/或 Angular 的不同版本来解决。
我做了一个小提琴，它使用与您相同版本的 Bootstrap 和 jQuery，但使用 Angular 1.4.8 而不是 1.5，所以我相信冲突发生在 jQuery 1.8.1 和 Angular v1.5.0-rc.0 之间，因为小提琴工作没有任何错误。建议将 Angular 版本降至 1.4.8，看看是否可以解决问题。
| 归档时间： |
|
| 查看次数： |
2868 次 |
| 最近记录： |