Zugriff auf eckiges Objekt Von app.js in meinem HTML

Ich bin relativ neu in Angular und habe mit etwas zu kämpfen, das ist wahrscheinlich ziemlich einfach.Zugriff auf eckiges Objekt Von app.js in meinem HTML

Während meines HTML Ich bin in der Lage Wert eines Objekt zuzugreifen, wie dies {{settings.color}}

Wenn jedoch ähnliche Verfahren in meinem JavaScript zu verwenden versuchen, wie var color = {{settings.color}} oder var color = $scope.settings.color die Variablen am Ende nicht definiert sind.

In meiner app.js habe ich ein Objekt wie folgt eingerichtet.

In meiner index.html möchte ich auf dieses Objekt zugreifen können.

Nur ein bisschen verwirrt auf ein schnelles Projekt Ich begann mit Angular lernen.

Quelle

2017-01-24 DRB

Bitte geben Sie eine [MCVE] – charlietfl

Sie müssen die $ scope.settings mit einem leeren Objekt initialisieren, bevor der Wert auf die Farbe zuweisen,

$scope.settings ={};

EDIT:

Mit dem neuen Update können Sie darauf zugreifen als <h1>{{products.newObj.settings.color}}</h1>

DEMO

var mid = angular.module('mid', []) 
 
mid.controller('DemoCtrl', function($scope){ 
 
    $scope.products = { 
 
     'newObj': { 
 
      name: 'New Object', 
 
      settings: { 
 
       color : "red ", 
 
       height : 2 
 
       } 
 
     } 
 
} 
 
});

<!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>

Quelle

2017-01-24 01:15:19 Sajeetharan

Zugriff auf eckiges Objekt Von app.js in meinem HTML

Antwort

Verwandte Themen