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