首页 文章

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

提问于
浏览
0

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

<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>

通过点击它,我们将进入一个带有值列表和'Values' Headers 的新页面 . 当我们选择新项目时, on-value-change 事件会触发 .

可能吗?我不知道如何在页面之间绑定此功能 .

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

1 回答

  • 2

    据我说,新手最好是设厂!

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

相关问题