ボディタグにmd-select append [オブジェクトオブジェクト]を追加

私は角度jsの新しい蜂を作成しましたが、素材angualr jsを使用して選択ボックスを作成しようとしていましたが、それを選択すると、bodyタグに[object Object]が追加されます。私が間違っていること、またはこのバグが原因である可能性があることを指摘してください。以下は私のコードです。ボディタグにmd-select append [オブジェクトオブジェクト]を追加

<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>

出典

2017-01-02 Arpita

材料は、他のフレームワークに干渉されます。私も同じことを経験しました。これを実現させるために、私はTwitterのブートストラップを削除しなければなりませんでした。

AngularJsを2回呼び出すと、この1つのインスタンスが見つかりました。一度私はすべてを削除しました。出来た。

出典

2017-04-17 13:46:24

// 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>

出典

2017-01-02 10:50:09 Sajeetharan

ボディタグにmd-select append [オブジェクトオブジェクト]を追加

答えて

関連する問題