如何使用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对象？

回答

相关问题