AngularJS中Scope间通讯Demo

 

在AngularJS中,每一个controller都有对应的Scope,而Scope间有时候需要通讯。比如有如下的一个controller嵌套:

 

<body ng-controller="AppCtrl">

    <table ng-controller = "ProductCtrl">
        ...
        <tr ng-repeat="product in products">
            <td>{{$index + 1}}</td>
            <td>{{product.name}}</td>
            <td>{{product.price | currency }}</td>
            <td><button ng-click="addToCart(product)">添加到购物车</button></td>
        </tr>
    </table>

    <div ng-controller="CartCtrl">
        ...
        <tr ng-repeat="product in cart">
            <td>{{$index+1}}</td>
            <td>{{product.name}}</td>
            <td>{{product.price  | currency}}</td>
            <td><button ng-click="removeFromCart(product)">remove</button></td>
        </tr>
    </div>
</body>

 

对应的controller部分大致是:

 

myApp.controller("AppCtrl", function($scope){
    $scope.title = "Product Manager";
})

myApp.controller("ProductCtrl", function($scope){
    $scope.products = [
        {name:"", price:50},
        ...
    ];
    
    $scope.addToCart = function(){
    
    }
});

myApp.controller("CartCtrl", function($scope){
    $scope.cart = [];
    $scope.removeFromCart = function(product){
    
    }
});

 

以上,呈现出的Scope间的关系如下:

$rootScope
.....$scope of AppCtrl
..........$scope of ProductCtrl
..........$scope of CartCtrl

问题来了,ProductCtrl中需要把product放到cart中,cart中需要获取到product,两者之间如何通讯呢


→ 当在ProductCtrl中执行addToCart动作时,让$rootScope发一个广播,通知所有的子Scope

 

myApp.controller("ProductCtrl", function($scope, $rootScope){
   $scope.products = [
        {name:"", price:50},
        ...
    ];
    
    $scope.addToCart = function(product){
        //让$rootScope发一个广播,所有子scope都知道了
        $rootScope.$broadcast("addProduct", product);
    }
})

 

可见,$rootScope通过$broadcast方法广播事件,一个实参是事件名称,一个实参是要传递的对象。

→ 在CartCtrl中需要侦听来自$rootScope的事件,同时要把移除product的事件告知更高级别的Scope

 

myApp.controller("CartCtrl", function($scope){
    $scope.cart = [];
    
    //子scope要侦听rootScope的事件
    $scope.$on("addProduct", add);
    
    function add(evt, product){
        $scope.cart.push(product);
    }
    
    $scope.removeFromCart = function(product){
        //子scope中的事件告知更高的scope
        $scope.$emit("removeProduct", product);
    }
})

 

可见,在子$scope中通过$on方法侦听来自$rootScope的addProduct事件,并执行一个回调函数;如果在子$Scope中执行一个事件要告知更高级别的Scope,这里是removeFromCart事件,需要通过$emit方法,其中第一个实参也是事件名称,第二个实参是传递对象。

→ 在AppCtrl中针对来自CartCtrl中的removeProduct事件

 

myApp.controller("AppCtrl", function($scope){
    $scope.$on("removeProduct", function(evt, data){
        console.log(data.name + "removed");
    })
})

 

可见,也是通过$on方法侦听子$scope中emit发出的事件。

 

转载于:https://www.cnblogs.com/darrenji/p/5151834.html

深度学习是机器学习的一个子领域,它基于人工神经网络的研究,特别是利用多层次的神经网络来进行学习和模式识别。深度学习模型能够学习数据的高层次特征,这些特征对于图像和语音识别、自然语言处理、医学图像分析等应用至关重要。以下是深度学习的一些关键概念和组成部分: 1. **神经网络(Neural Networks)**:深度学习的基础是人工神经网络,它是由多个层组成的网络结构,包括输入层、隐藏层和输出层。每个层由多个神经元组成,神经元之通过权重连接。 2. **前馈神经网络(Feedforward Neural Networks)**:这是最常见的神经网络类型,信息从输入层流向隐藏层,最终到达输出层。 3. **卷积神经网络(Convolutional Neural Networks, CNNs)**:这种网络特别适合处理具有网格结构的数据,如图像。它们使用卷积层来提取图像的特征。 4. **循环神经网络(Recurrent Neural Networks, RNNs)**:这种网络能够处理序列数据,如时序列或自然语言,因为它们具有记忆功能,能够捕捉数据的时依赖性。 5. **长短期记忆网络(Long Short-Term Memory, LSTM)**:LSTM 是一种特殊的 RNN,它能够学习长期依赖关系,非常适合复杂的序列预测任务。 6. **生成对抗网络(Generative Adversarial Networks, GANs)**:由两个网络组成,一个生成器和一个判别器,它们相互竞争,生成器生成数据,判别器评估数据的真实性。 7. **深度学习框架**:如 TensorFlow、Keras、PyTorch 等,这些框架提供了构建、训练和部署深度学习模型的工具和库。 8. **激活函数(Activation Functions)**:如 ReLU、Sigmoid、Tanh 等,它们在神经网络用于添加非线性,使得网络能够学习复杂的函数。 9. **损失函数(Loss Functions)**:用于评估模型的预测与真实值之的差异,常见的损失函数包括均方误差(MSE)、交叉熵(Cross-Entropy)等。 10. **优化算法(Optimization Algorithms)**:如梯度下降(Gradient Descent)、随机梯度下降(SGD)、Adam 等,用于更新网络权重,以最小化损失函数。 11. **正则化(Regularization)**:技术如 Dropout、L1/L2 正则化等,用于防止模型过拟合。 12. **迁移学习(Transfer Learning)**:利用在一个任务上训练好的模型来提高另一个相关任务的性能。 深度学习在许多领域都取得了显著的成就,但它也面临着一些挑战,如对大量数据的依赖、模型的解释性差、计算资源消耗大等。研究人员正在不断探索新的方法来解决这些问题。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值