“错误：无法更改类型属性”。获取错误而使用ngTagInput库（AngularJs）

我同时使用ngTagInput库得到一个奇怪的错误：“错误：无法更改类型属性”。获取错误而使用ngTagInput库（AngularJs）

Error: type property can't be changed.

这里是一个错误的截图 - 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);  
} 
});

请人帮忙。在此先感谢

来源

2016-01-20 sajalsuraj

您可以将您的控制器代码？ –

用控制器代码更新@DanielNalbach – sajalsuraj

这是你的全部代码吗？你能发布完整的HTML吗？我成功地设置了一个ng-input-tags的小提琴，并且希望看看代码中是否还有其他可能成为问题的东西。 –

您似乎有一个之间的多个库之间的冲突。这可以通过隔离哪个库导致问题来解决（当注释掉时，错误消失），然后尝试使用该库和/或Angular的不同版本。

我做了一个使用相同版本的Bootstrap和jQuery的小提琴，但是使用的是Angular 1.4.8而不是1.5，所以我认为冲突介于jQuery 1.8.1和Angular v1.5.0-rc之间.0因为小提琴没有任何错误。建议将你的Angular版本降低到1.4.8，看看是否能解决问题。

来源

2016-01-20 20:46:07

谢谢..这是jQuery版本问题..我刚刚更新到1.9.1，它的工作!! ..你节省了我的时间 – sajalsuraj

非常好，并感谢您发布的更新上版本解决了这个问题。 –

是的。它将在1.9.0以上的版本上工作 – sajalsuraj

添加库角第一

例如：

来源

2017-11-28 17:52:16 Diana

我认为你的答案中缺少某些东西。请检查它。 – PalimPalim

感谢@Diana为您的时间。但是这个问题早就解决了。 :) – sajalsuraj

“错误：无法更改类型属性”。获取错误而使用ngTagInput库（AngularJs）

回答

相关问题