我使用以下链接来创建 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/