禁用ng单击非按钮元素

Question

我正在使用<p>标记来显示一组答案选项。每个选项都是可选的，它可以设置一个类并在单击时运行一些功能。

我想在选择一个答案后禁用任何ng-click操作，并且$scope.question_checked === true。我试图按照禁用按钮的格式，但这与非按钮元素不一样。

  <p 
       ng-repeat="c in choices track by ($index+1)" 
       ng-click="question_checked || c.selected = !c.selected; makeSelection($index+1, this)" 
       class="choice" 
       ng-class="{'selected': c.selected==true}" 
       ng-disabled="question_checked"> 

       {{letters[$index]}}) {{c.choice}} 

      </p> 

如何禁用对ng-click，例如p元素？

它是如何目前，我得到的错误：

Error: [$parse:lval] Trying to assing a value to a non l-value

这是当我在ng-clickc.selected = !c.selected;与其他功能一起。

Answer 1

<p ng-repeat="c in choices track by ($index+1)" 
    ng-init="question_checked = false" 
    ng-click="(!question_checked ? makeSelection($index+1, this) : return); question_checked = true" 
    class="choice" 
    ng-class="{'selected': c.selected==true}"> 

     {{letters[$index]}}) {{c.choice}} 

</p> 

启动ng-repeat子作用域变量false作为ng-init="question_checked = false"

如果question_checked == false然后makeSelection()电话如果不相等则什么也不会发生只是一个return是question_checked后分配到真正为question_checked = true

ng-click="(!question_checked ? makeSelection($index+1, this) : return); question_checked = true" 

我们在这里不需要ng-disabled。