如何在 Angular 中将文本转换为 JSON 以及如何循环数组

Question

我是Angularjs的新手，任何人都可以帮助我解决这个问题事实上我的数组是这样的

array = [{"loc_name":"pronto network office","address":"3rd floor, kalyani motors","ap":[]}], 

但是当我动态使用它时，它像这样转换

[" {"loc_name":"pronto="" network="" office","address":"3rd="" floor,="" kalyani="" motors","ap":[]}"]

终于我想要这样了

<ul ng-repeat="loc in [" {"loc_name":"pronto=" " network=" " office","address":"3rd=" " floor,=" " kalyani=" " motors","ap":[]} "]"="">
    <li class="clearfix">
        <div class="list-icon">
            <i class="fa fa-user"></i>
        </div>
        <div class="location-info">
            <h4 class="location-name">{{ loc.loc_name }}</h4>
            <p class="location-address">{{ loc.address }}</p>
        </div>
    </li>
    <li ng-if="loc.aps != '' ">
        <ul ng-repeat="ap in loc.aps">
            <li class="clearfix">
                <div class="list-icon">
                    <i class="fa fa-user"></i>
                </div>
                <div class="location-info">
                    <h4 class="location-name">{{ ap.mac_id }}</h4>
                    <p class="location-address"></p>
                </div>
            </li>
        </ul>
    </li>
</ul>

Answer 1

您的响应不应在数组内对象开始时"在[之后和需要删除"之前]就像它应该像[{"loc_name":"pronto="" network="" office","address":"3rd="" floor,="" kalyani="" motors","ap":[]}]

然后将其放在您的范围变量中$scope.locations = [{"loc_name":"pronto="" network="" office","address":"3rd="" floor,="" kalyani="" motors","ap":[]}]并在html上引用该范围变量，然后您需要担心将其转换为双引号"到"单引号。

<ul ng-repeat="loc in locations">
  ...
<ul>

Answer 2

你可以只使用单引号代替"：

<ul ng-repeat="loc in [{loc_name: 'pronto network office', address: '3rd floor, kalyani motors', ap: []}]">
    <!-- ... -->
</ul>

您还可以省略键两边的引号：ngRepeat 中的字符串不必符合带引号键的字符串 JSON 表示法。当然，您仍然可以将'用于密钥。

Answer 3

你真的想在你的 html 中加入你的数组吗？否则，要使其简单且推荐的方法，请将其移动到 JS 中的控制器。我为您创建了一个 http://jsbin.com/tayege/2/edit?html,js,output 示例