Question

我是离子和角度的新手，我想创建一个自定义元素指令，如：

<radio-group 
    value="'a'" 
    values="{{['a', 'b', 'c']}}" 
    on-value-change="onChange()" 
    radio-group-name="'Values'"
></radio-group>

function onChange(newValue){}

因此它与离子站点上的example非常相似，但我需要它来生成链接

<a href="#/radio-group-page">Values</a>

单击它，我们将进入一个带有值列表和“值”标题的新页面。当我们选择新项目时，on-value-change事件会触发。

有可能吗？我不知道如何在页面之间绑定此功能。

我不想为每个广播组创建新的模板和控制器。

Answer 1

根据我的说法，对于一个新手来说，最好是设置一个工厂！

myApp.factory('Data', function(){
        var data =
            {
                valueSelected: ''
            };

        return {
            getValue: function () {
                return data.valueSelected;
            },
            setValue: function (selected) {
                data.valueSelected = selected;
            }
        };
    });

在您的无线电控制器中：

myApp.controller('RadioCtrl', function( $scope, Data ){
    Data.setValue($scope.radioValue);
});

在您的主控制器中

myApp.controller('mainCtrl', function( $scope, Data ){
    var valueReceived = Data.getValue();
    //do what you want with your data!
});

新页面组件上的离子无线电组

1 个答案: