javascript - 新页面组件上的 ionic radio 组

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 非常相似在 ionic 网站上，但我需要它来生成链接

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

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

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

我不想为每个单选组创建新的模板和 Controller 。

Answer 1

据我所知，对于新手来说最好的办法就是建立一个工厂!

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

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

在您的 radio Controller 中:

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

在你的主 Controller 中

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