2017-01-02 61 views
0

我馬雲在角JS一個新的蜜蜂,我試圖創建一個選擇框使用材料angualr JS,但即只要得到一個錯誤,因爲我點擊所產生的選擇框md-選擇它在body標籤中追加[object Object]。能否請你指出什麼我做錯了,或者這可能是這個錯誤的可能原因。以下是我的代碼。MD-選擇追加[目標對象]在body標籤

<md-input-container> 
    <md-select ng-model="select"> 
     <md-option ng-value="india">india</md-option> 
     <md-option ng-value="bangladesh">bangladesh</md-option> 
     <md-option ng-value="bhutan">bhutan</md-option> 
     <md-option mg-value="nepal" >nepal</md-option> 
    </md-select> 
</md-input-container> 

回答

1

材料與其他框架的干擾。我也經歷過同樣的情況,我必須刪除twitter bootstrap才能正常工作。

我發現這一個實例,當我打電話AngularJs了兩次。一旦我全部刪除。有效。

0

// Code goes here 
 
var app = angular.module('app', ["ngMaterial"]); 
 
app.controller('AppCtrl', function($scope) { 
 
    this.userState = 'india'; 
 
});
<!DOCTYPE html> 
 
<html ng-app="app"> 
 

 
<head> 
 
    <link data-require="[email protected]" data-semver="0.11.0" rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/0.11.0/angular-material.min.css" /> 
 
    <script data-require="[email protected]*" data-semver="2.1.4" src="http://code.jquery.com/jquery-2.1.4.min.js"></script> 
 
    <script data-require="[email protected]*" data-semver="1.4.5" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script> 
 
    <script data-require="[email protected]" data-semver="0.11.0" src="https://ajax.googleapis.com/ajax/libs/angular_material/0.11.0/angular-material.min.js"></script> 
 
    <script data-require="[email protected]" data-semver="1.4.1" src="https://code.angularjs.org/1.4.1/angular-animate.js"></script> 
 
    <script data-require="[email protected]" data-semver="1.4.1" src="https://code.angularjs.org/1.4.1/angular-aria.js"></script> 
 
    <script src="script.js"></script> 
 
</head> 
 

 
<body ng-controller="AppCtrl as ctrl"> 
 
    <div layout="row"> 
 
    <md-select ng-model="ctrl.userState"> 
 
     <md-option> 
 
     <em>None</em> 
 
     </md-option> 
 
     <md-option value="india">india</md-option> 
 
     <md-option value="bangladesh">bangladesh</md-option> 
 
     <md-option value="bhutan">bhutan</md-option> 
 
     <md-option value="nepal">nepal</md-option> 
 
    </md-select> 
 
    </div> 
 
    <div layout="row"> 
 
    return value: {{ctrl.userState}} 
 
    </div> 
 
</body> 
 

 
</html>