了解AngularJS指令中的ng-show

时间:2013-12-12 23:11:27

标签: angularjs angularjs-directive angularjs-scope ng-show

给出以下代码:

http://jsbin.com/uYETOSUM/2/edit?html,js,output

我想首先显示第一个下拉列表(JSON中的父问题)。在用户选择了一个选项后,我想显示另外两个下拉列表中的一个(JSON中的additionalQuestion对象中的子项)。在用于创建表单输入字段的JSON中给出了要显示的下拉列表。

为此,我尝试了ng-show,但我似乎找不到放置自定义ng-show代码的正确位置。我希望ng-show在模板中像这样:

ng-show"showQuestion()" 

其中showQuestion()遍历所有问题并与PreviousQuestionConstraint匹配,以根据第一个问题中所选选项的值查看要显示的其他问题。

  • 它应该在控制器中吗?
  • 它应该在指令中吗?
  • 它应该在指令的链接器功能中吗?

到目前为止,所有尝试都没有显示任何内容。

1 个答案:

答案 0 :(得分:0)

经过多次麻烦后,我设法使用&attr隔离范围语法为您提供了一个工作示例,该语法提供了一种在父范围的上下文中执行表达式的方法,在您的示例中一直向上到QuestionCtrl控制器上的showQuestion()函数。

http://jsbin.com/EkIqAju/2/edit