1

ここで動作する例を見ることができます-または、動作しない例と言うべきです。

基本的に、私は というカスタム ディレクティブを作成しようとしていyesno-groupます。これを何度も行うのがショートカットです。

<div class="btn-group">
    <button type="button" class="btn btn-default" ng-model="checkboxField" btn-radio="true">Yes</button>
    <button type="button" class="btn btn-default" ng-model="checkboxField" btn-radio="false">No</button>
</div>

そして、ここに私のyesno-group指示があります：

myApp.directive('yesnoGroup', function () {
    return {
        restrict: 'A',
        scope: {
            field: '=',
            buttonClass: '@'
        },
        replace: true,
        template:   '<div class="btn-group">' +
                    '    <button type="button" class="{{buttonClass}}" ng-model="field" btn-radio="true">Yes</button>' +
                    '    <button type="button" class="{{buttonClass}}" ng-model="field" btn-radio="false">No</button>' +
                    '</div>'
    };
});

問題は、yesno-group初期ロード時に値が表示されないことです。ただし、値の変更を開始すると、ngModel フィールドと同期されます。

私は何が欠けていますか？

また、代わりに yesno-group を受け入れng-modelて使用するにはどうすればよいfieldですか? 私はそれをJsFiddle-Examples - currency inputng-modelから取得しましたが、大きな手間がかからない限り使用したいと考えています。

ありがとうございました！

4

1 に答える 1