javascript-innerHTML函数中的ng-repeat？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-innerHTML函数中的ng-repeat？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1802字，纯文字阅读大概需要3分钟。

内容图文

我有3栏.第一个列出了数组中的主题列表.在该阵列中,每个科目都有其特定的课程,在课程内以及其余课程信息中列出.

如果使用.innerHTML函数放置ng-repeat“函数”,是否可以使其正常运行？

我可能使用了错误的标识符来尝试从数组中调用内容,这也可能导致我的问题.

范围：

$scope.subjects = [
    {text:'English', courses:[
        {coursesub:'English 1', coursedata:[
            {coursedesc:'test'}
        ]
        }
    ]
    },
    {text:'Mathematics'},
    {text:'Science'}
];

$scope.showDetail = function (todo) {
    document.getElementById("courselistings").innerHTML = '<a ng-repeat="course in subject.courses" class="list-group-item" target="#courseinformation" ng-click="showDetail(course)">{{courses.coursesub}}</a>';
};

html angularjs：

<div class="col-md-3" id="subjects">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title">Subjects</h3>
                    </div>
                    <div class="panel-body">
                        <div class="list-group">
                            <a ng-repeat="subject in subjects" class="list-group-item" target="#courselistings" ng-click="showDetail(subject)">
                                {{subject.text}}
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-3" id="courselisting">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title">Courses</h3>
                    </div>
                    <div class="panel-body">
                        <div class="list-group" id="courselistings">
                            test
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6" id="courseinfo">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title">Course Info</h3>
                    </div>
                    <div class="panel-body">
                        <div class="list-group" id="courseinformation">

                        </div>
                    </div>
                </div>
            </div>

我还没有完成courseinfo面板的内容,只是添加了它,以便各列正确对齐.

解决方法:

不,这行不通.

您需要使用模板或指令.

http://docs.angularjs.org/guide/directive

您只需将innerHTML字符串移动到指令模板

.directive('myCustomer', function() {
  return {
    scope: {
          subject: '='
    },
    template: '<string here>'
  };
});

并像这样使用

<my-customer subject="xxx"/>

内容总结

以上是互联网集市为您收集整理的javascript-innerHTML函数中的ng-repeat？全部内容，希望文章能够帮你解决javascript-innerHTML函数中的ng-repeat？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端