Angular JS：$ scope.data is undefined

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

来源

2013-10-21 Sajith

的一些不确定的 “选择”。尝试'$ scope.data = {}; $ scope.data.selected =“初始文本” –

或$ scope.data = {selected：“Initial Text”}; – az7ar

这不是一个具体的AngularJS-问题，而是一个普通的JavaScript错误。

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

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

您所访问的领域

或

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

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

控制器

来源

2013-10-21 10:41:34

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

来源

2013-10-21 10:41:04 Sumeshk

Angular JS：$ scope.data is undefined

回答

相关问题