如何使用angular js訪問HTML中的Javascript對象？

我有一個JS對象是這樣的：如何使用angular js訪問HTML中的Javascript對象？

var some_object = { 
    "1":{"name":"test","type_name":"test_type"}, 
    "2":{"name":"test2","type_name":"test_type2"} 
};

目前是嘗試的'type_name'訪問值在index 1在HTML這樣的：

<label><span>{{ some_object[1]['type_name'] }} </span></label>

，但它給我的錯誤。任何人都可以幫助，如何使用角度訪問它在HTML中？

來源

2016-07-14 Sony Khan

首先你需要保存在'$ scope'內，那麼只有你可以像這樣訪問。 – C2486

你能提供清晰的angularjs代碼嗎？ –

分享你的angularjs控制器和'some_object'區域嗎？ – C2486

裏面你angularjs控制器： -

$scope.some_object = { 
    "1":{"name":"test","type_name":"test_type"}, 
    "2":{"name":"test2","type_name":"test_type2"} 
};

，並在視圖文件

<label><span>{{ some_object[1].name }} </span></label>

然後使用some_object您可以在HTML視圖訪問。

對於基本的瞭解你按照下面的例子： -

HTML文件：

<body ng-app> 
    <div ng-controller="simpleController"> 
    <strong>First name:</strong> {{firstName}}<br /> 
    </div> 
</body>

AngularJS控制器：

var simpleController = function ($scope){ 
    $scope.firstName = "Your Name"; 
};

來源

2016-07-14 09:31:46

var some_object = { 
    "1":{"name":"test","type_name":"test_type"}, 
    "2":{"name":"test2","type_name":"test_type2"} 
}; 

$scope.some_obj = some_object;

，您可以訪問它

<label><span>{{ some_obj[1].type_name }} </span></label>

$scope.some_object = { 
    "1":{"name":"test","type_name":"test_type"}, 
    "2":{"name":"test2","type_name":"test_type2"} 
};

，您可以訪問它

<label><span>{{ some_object[1].type_name }} </span></label>

，因爲如果它在$scope那麼只有這將是訪問你想要的方式。

但對於這一點，你將需要JSON數據

問候

來源

2016-07-14 09:32:41

它給我的語法錯誤，「{{或{％expected」 –

請檢查我更新的答案。您將不得不使用'.'運算符訪問它的屬性。 –

它分配給角JS的一些範圍值

$ scope.value = some_object;

和HTML

<label><span>{{ value.1.type_name}} </span></label>

來源

2016-07-14 09:34:03

分配someObject的範圍

$scope.some_object = { 
    "1":{"name":"test","type_name":"test_type"}, 
    "2":{"name":"test2","type_name":"test_type2"} 
};

來源

2016-07-14 09:34:36

嘗試訪問它這樣。

some_object[1].type_name

或者如果您無法在html中呈現它，則可以將其存儲在$ scope屬性中並進行呈現。

$scope.typeName = some_object[1].type_name

在HTML中

<span>{{typeName}}</span>

希望它幫助。

來源

2016-07-14 09:35:37

如何使用angular js訪問HTML中的Javascript對象？

回答

相關問題