angularjs – Angular JS – 将数据从指令发送到父控制器

前端之家收集整理的这篇文章主要介绍了angularjs – Angular JS – 将数据从指令发送到父控制器前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个应用程序,我使用 ngCart指令,以存储添加到篮子中的项目.问题是该指令只具有发送用户添加的项目信息的功能,但我还需要发送一些我将从表单中获取的信息.

因此,为了在单个对象中发送它,我首先需要将指令中存储的数据提取到我的主范围,然后将其与我从表单中获取的数据合并.

为此,我需要修改ngCart.js指令.我试图提供服务,正如here所建议的那样,但我无法让它发挥作用.我在指令中添加代码是这样的

.service('ngCartData',['ngCart',function(ngCart){

    return {
        data:ngCart;
    };

 }])

,但是我收到一个错误,说模块’ngCart’不可用!

我对角度服务和工厂都很陌生,所以我不确切地知道在哪里工作.我用我的代码创建了一个plunkr(我尝试使用上面的代码修改ngCart.js文件,但是plunkr显示了该指令而没有任何修改).我只需要能够在范围ngCart中发送存储在指令中的数据,以便我可以在父控制器中监听它(参见plunkr中的checkout部分).

任何帮助将非常感激.谢谢!

你有正确的想法,我很惊讶它不适合你.

我已按以下方式编辑您的应用程序(在script.js中)

app.controller('myCtrl',function($scope,ngCart,myCart) {
     $scope.names = [...];
     ...
     console.log(myCart.cart);
 })
    .factory('myCart',function(ngCart){
        return {
            cart: ngCart.$cart
        };
 })

并记录{shipping:30,taxRate:null,tax:null,items:Array [2]},我认为这就是你所需要的(我记录之前添加了2个项目).

请注意,添加服务是多余的;您可以随时随地访问数据.只需将ngCart注入您的控制器/服务/等.并且可以使用更新的数据.

因此,以下代码是等效的:

app.controller('myCtrl',ngCart) {
       $scope.names = [...];
       ...
       console.log(ngCart.$cart);
    });

获得错误的一个可能原因可能是,在编辑ngCart模块时,您遇到了某种错误(如拼写错误),导致ngCart对角度不可见.

原文链接:https://www.f2er.com/angularjs/240491.html

猜你在找的Angularjs相关文章