Angularjs创建允许排名选择的问卷

时间:2013-11-14 01:54:24

标签: javascript angularjs angularjs-directive angularjs-scope angularjs-ng-repeat

我正在为用户创建一个问卷,允许他们选择和排名最符合他们的人格属性。每行有三个选项,每次点击一个选项时,它会分配三个排名。

第一个选择是“3”,第二个是“2”,等等。

例如,这里的一行是开头的样子:

[] Thinker []触控[]控制器

点击思想家,然后控制器然后触摸它看起来像这样:

[3]思想者[1]触角[2]控制器

按下重置按钮会将所有这些选项重置为空

目前我已经为用户实现了一种方法,可以点击添加数字的选项但是出现问题。如果您多次单击同一选项,模型会不断更改。如何在用户按下重置或发送整个问题之前锁定每个选项?感谢

controller.js

    $scope.personalityclick=function(column){
var row_1=$scope.row_1;
column = row_1;
if(row_1>0){
     $scope.row_1=row_1-1;  
     return column;
}

};

html

        

第1行

        

 {{row1_column1}} Thinker </span><span span data-ng-
click="row1_column2=personalityclick(2)"> {{row1_column2}} Feeler</span><span span   
   data- ng-click="row1_column3=personalityclick(3)">{{row1_column3}} Controller</span>  
  </p>
  <button data-ng-click="resetrow(1)">Reset </button>   
 </div>

这是一个插件:http://plnkr.co/edit/pM0aAZAeXKAQeRst5PHm?p=preview

1 个答案:

答案 0 :(得分:1)