Question

我是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未定义 这有什么不对？我该如何解决这个问题？

Answer 1

这不是AngularJS特有的问题，而是一般的JavaScript错误。

在控制器中，您正在访问未定义的“已选择”字段。试试

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

或

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

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

Answer 2

尝试$scope.data = {"selected":"Initial Text"};

Angular JS：$ scope.data未定义

2 个答案: