如何使用指令

时间:2015-07-24 09:18:33

标签: html angularjs angularjs-directive

嗨,我有一个单选按钮指令,我将为集合传递模型,该集合将被设置为选中单选按钮

  var app = ChartsModules.getInstance().getModule("amkaiCharts.directives");
app.directive("radioGroup", function () {
    return {
        restrict: "E",
        scope: {
            question:"@",       // question for the directive 
            ngModel: '=',  // Selected Model 
            inputarray:"=",     // List of Array input with name, score properties so that those many buttons are created 
        },
        templateUrl: "components/Directives/RadioGroup/radioGroup.html"
    };
});

和html就是这个radioGroup.html  

    <div  class="btn-group col-md-10 segmented-label" >
        <label    ng-repeat="list in inputarray"    ng-model="$parent.ngModel"    value ="{{list.score}}" btn-radio="{{list.score}}">{{list.name}}</label>

    </div>
</div>

所以我发送我的数组列表为 名称:raj得分:10 姓名:rani得分:20

所以我将得到2个名为raj和rani的单选按钮,所以我想使用一个模型,如果任何人选择raj,模型应该被选为10,而对于rani,它应该被选为20

所以问题是当我使用这个指令时,每件事都可以正常工作,除了 我选择的模型值没有改变方指令

我在html中使用指令

如果我想使用选定的模态外侧指令我的意思是我使用指令它不反映更改方面 {{mycontroller.Question1}} 我希望在这里看到选定的东西,如在指示html中显示

所以请帮助我在指令中更改或选择值,以便在我的指令之外使用 任何帮助表示赞赏

1 个答案:

答案 0 :(得分:0)

我用控制器来解决这个问题我在控制器中取了一个变量,并在用户选择指令中的某个值时给它分配一个值,然后通过给指定的变量作为指令的另一个属性来解决问题