2016-01-20 46 views
2

我同時使用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);  
} 
}); 

請人幫忙。在此先感謝

+0

您可以將您的控制器代碼? –

+0

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

+0

這是你的全部代碼嗎?你能發佈完整的HTML嗎?我成功地設置了一個ng-input-tags的小提琴,並且希望看看代碼中是否還有其他可能成爲問題的東西。 –

回答

2

您似乎有一個之間的多個庫之間的衝突。這可以通過隔離哪個庫導致問題來解決(當註釋掉時,錯誤消失),然後嘗試使用該庫和/或Angular的不同版本。

我做了一個使用相同版本的Bootstrap和jQuery的小提琴,但是使用的是Angular 1.4.8而不是1.5,所以我認爲衝突介於jQuery 1.8.1和Angular v1.5.0-rc之間.0因爲小提琴沒有任何錯誤。建議將你的Angular版本降低到1.4.8,看看是否能解決問題。

+0

謝謝..這是jQuery版本問題..我剛剛更新到1.9.1,它的工作!! ..你節省了我的時間 – sajalsuraj

+0

非常好,並感謝您發佈的更新上版本解決了這個問題。 –

+1

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

0

添加庫角第一

例如:

+0

我認爲你的答案中缺少某些東西。請檢查它。 – PalimPalim

+0

感謝@Diana爲您的時間。但是這個問題早就解決了。 :) – sajalsuraj

相關問題