0

私はAngular jsが初めてです。次のコードを試しました:

<html>
<head>
    <title>angular js</title>
    <script src="js/lib/jquery.min.js"></script>
    <script src="js/lib/angular.min.js"></script>
</head>
<body ng-app="MyApp" ng-controller="MyController">
    <input ng-model="data.selected">
    <h1>{{data.selected}}</h1>


    <script>
    var app = angular.module('MyApp',[]);
    app.controller('MyController',function($scope){
        $scope.data.selected = "Initial Text";
    });

    </script>
</body>
</html>

H1タグの最初のテキストを表示するために、このコードを試しました。しかし、$scope.data is undefinedというエラーが発生し ました。何が問題なのですか? どうすればこれを解決できますか?

4

2 に答える 2

3

これは AngularJS 固有の問題ではなく、一般的な JavaScript エラーです。

コントローラーでは、未定義のフィールド「選択済み」にアクセスしています。試す

$scope.data = {}; 
$scope.data.selected="initial text"

また

$scope.data = {selected : "initial text"}; 

http://jsfiddle.net/egamonal/Fn5KF/1/

于 2013-10-21T10:41:34.947 に答える
0

試す$scope.data = {"selected":"Initial Text"};

于 2013-10-21T10:41:04.430 に答える