javascript - Angularjs 中的 Accordion

标签 javascript angularjs

我使用以下链接来创建 Accordion Angular 中。为此,我从 Controller 发送 HTML 结构。但在 View 方面,它没有向我显示 Accordion 。以下是示例代码:

 var final='<uib-accordion close-others="oneAtATime"><uib-accordion-group heading="Static Header, initially expanded" is-open="status.isFirstOpen" is-disabled="status.isFirstDisabled">This content is straight in the template.</uib-accordion-group>'

在 View 端我显示的数据如下:

<div ng-bind-html="final"></div>

我想从 Controller 端发送 HTML 结构。 请帮我解决为什么它没有正确显示 Accordion ?

最佳答案

你的final是吗?变量的定义如您所示?在这种情况下,您的 View 不知道那是什么 - '最终'。它未定义。

尝试使用范围声明它:$scope.final='<uib-accordion close-others="oneAtATime"><uib-accordion-group heading="Static Header, initially expanded" is-open="status.isFirstOpen" is-disabled="status.isFirstDisabled">This content is straight in the template.</uib-accordion-group>'在这种情况下,您的 View 会看到 final$scope.final并且可以阅读。

另一种方法(如果您不想使用 $scope)使用 this 将其声明为 Controller 变量:this.final='<uib-accordion close-others="oneAtATime"><uib-accordion-group heading="Static Header, initially expanded" is-open="status.isFirstOpen" is-disabled="status.isFirstDisabled">This content is straight in the template.</uib-accordion-group>' 。您可以从 View 中调用它,如下所示:<div ng-bind-html="yourControllerName.final"></div>

关于javascript - Angularjs 中的 Accordion ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34268107/

相关文章:

javascript - 如何在 iOS 上的 Phonegap 中获取 Parse.com PUSH 注册设备 token

AngularJS加载进度条

javascript - 将 uibmodal 结果返回给父 Controller

spring-mvc - 使用 AngularJS 配置 Spring MVC

angularjs - 使用 AngularFire 时,光标会在键入时跳到字段末尾

javascript - 修复 "a"标签 "title"属性上的 css

javascript - 处理:为什么这个草图不能在 Javascript 模式下工作?

javascript - map api视口(viewport)经度和纬度关闭

javascript - 有人可以解释一下我的 JavaScript 函数中发生了什么吗?

javascript - JQuery .prop(checked,true) 没有将其他单选按钮设置为 false