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

【问题标题】：Ionic radio group on new page component新页面组件上的离子无线电组
【发布时间】：2016-12-20 22:38:49
【问题描述】：

我是 ionic 和 angular 的新手，我想创建一个自定义元素指令，例如：

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

function onChange(newValue){}

所以它与 ionic 网站上的 example 非常相似，但我需要它来生成链接

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

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

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

我不想为每个无线电组创建新的模板和控制器。

【问题讨论】：

你想要动态单选按钮列表。因此，如果它点击第 1 节 >> 它会显示基于第 1 节的单选按钮？
@Smit，第 1 节是什么意思？
我点击第 1 页上的链接，然后转到第 2 页。在第 2 页上有一个单选按钮列表（a、b、c）。当我单击另一个项目并按“完成”时，on-value-change 事件会在第 1 页触发。
section 1 只是一个标题名称。为了正确理解您的问题，我提供了一个示例
已添加答案请查收。

标签： javascript angularjs angularjs-directive ionic-framework

【解决方案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!
});

【讨论】：