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

Question

我刚接触ionic和angular，我想创建一个自定义元素指令，比如：

<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!
});