Question

我对Angular相当陌生，我正在努力解决可能非常容易的问题。

在我的HTML中，我可以访问像{{settings.color}}

这样的对象的值

但是，当我尝试在JavaScript中使用类似的方法时，例如var color = {{settings.color}}或var color = $scope.settings.color，变量最终会被定义。

在我的app.js中，我有一个像这样设置的对象。

$scope.products = {

      'newObj': {
          name: 'New Object',
          settings: {
              color : "red ",
              height : 2
              }
       }
 }

在我的index.html中，我希望能够访问此对象。

对于我开始学习Angular的快速项目感到有些困惑。

Answer 1

在将值赋给颜色之前，需要使用空对象初始化$ scope.settings，

$scope.settings ={};

修改

使用新的更新，您可以<h1>{{products.newObj.settings.color}}</h1>
访问它
<强>样本

＆＃13;
＆＃13;
var mid = angular.module('mid', []) mid.controller('DemoCtrl', function($scope){ $scope.products = { 'newObj': { name: 'New Object', settings: { color : "red ", height : 2 } } } });
＆＃13;
<!DOCTYPE html> <html ng-app="mid"> <head> <script src="https://code.angularjs.org/1.6.1/angular.js"> </script> </head> <body ng-controller="DemoCtrl"> <h1>{{products.newObj.settings.color}}</h1> </body> </html>
＆＃13;
＆＃13;
＆＃13;

从我的HTML中的app.js访问Angular对象

1 个答案: