小编Eri*_*c G的帖子

Angular使用回调与使用broadcast/emit/on范例

我的问题是关于使用更直接的回调结构与事件广播和收听之间的最佳实践.我没有使用broadcast/emit/on事件传播框架.相反,当一个已知事件发生时(在事件的源头),我一直在创建一个回调寄存器并触发注册的回调.这一切都是通过服务完成的.

广播/发射/开启范例的效率如何?我应该使用它吗?它是否与回调类型的结构一样有效?

谢谢.

angularjs angularjs-scope

9
推荐指数
1
解决办法
3100
查看次数

如何在路由更改时阻止AngularJs在dom上拥有旧视图和新视图

我正在使用一个指令"可滑动",它创建一个滑出区域并具有切换功能.这段代码不是我写的,但它对我来说是一个更大的问题.当我更改视图(最常见的是/ user /:id类型)时,slideable是模板上使用的指令.该指令在其链接函数期间搜索元素并绑定click事件.问题是当我正在更改路由并且正在加载新视图(相同类型但不同的id)时,该指令将重新绑定到旧视图.如果我在链接期间停止使用chrome浏览器,那么我将在dom上看到两个ng-views,问题是它与正在离开的那个绑定.

我还有其他与此现象有关的问题.在制定新视图时,旧视图仍然在dom上是否正常?为什么在渲染新视图之前不会销毁旧视图?如何在这样的指令中解决这个问题?

谢谢.

我希望从概念上理解发生了什么.我已经修改了指令以选择最新的视图并适当地搜索并绑定到正确的元素.但我有点困惑的是,为什么会有一个在dom上共存的状态.

angularjs

6
推荐指数
1
解决办法
1518
查看次数

Angularjs DOM已刷新但屏幕未重绘.不知道从哪里开始

我有一个非常麻烦的问题,其中ng-click更新预期的范围变量,范围变量似乎在DOM上更改(当通过chrome调试器查看时)但是已更改的dom元素未在浏览器中重绘.我已经注意到多个浏览器和设备,但仅在屏幕宽度低于768时.我使用角度版本1.2.6.有没有人遇到过这类问题?

我已经简化了代码,试图隔离并确认发生了什么.以下是其简化版本中的代码:

首先是观点:

<section class="stream-area">
<div class="group">        
    <div class="gw-fixed-top-panel">
        <div  class="group-heading ">
            <div class="panel-title">
                <span class="fleft name" ng-click="usergroup.collapsed=!usergroup.collapsed"> CLICK HERE </span>
                    <a ng-show="usergroup.collapsed" title="Click to edit group" ><i class="fa fa-cog"></i></a>

                    <a ng-hide="usergroup.collapsed" title="Click to edit group" ><i class="fa fa-chevron-up"></i></a>

                <div> {{usergroup.collapsed}}</div>                           
            </div>
        </div>
    </div>
</div>
</section>
Run Code Online (Sandbox Code Playgroud)

控制器此时什么都不做......

'use strict';
(function () {
var groupController = function($scope) {
    $scope.usergroup={};
    $scope.usergroup.collapsed=true;
};
myOverall.myApp.controller('GroupController',['$scope', groupController]);
}());
Run Code Online (Sandbox Code Playgroud)

控制器由via .config调用:(function(){golfWire.gwWebApp = angular.module('gwWebApp',['ngRoute','ngAnimate','ngResource','ui.bootstrap','firebase',' LocalStorageModule','ngGrid']);

myOverall.myApp
    .config(['$routeProvider','$locationProvider', function($routeProvider, $locationProvider) {
        $routeProvider
        .when('/group/view', {
            controller: 'GroupController',
            templateUrl: '/app/views/group.html' …
Run Code Online (Sandbox Code Playgroud)

dom angularjs

6
推荐指数
1
解决办法
1440
查看次数

Angular.Copy返回RangeError:超出最大调用堆栈大小.怎么解决?

angular.copy有上限吗?我有一个复杂的对象,我想复制,我得到Max调用堆栈错误.

angularjs

5
推荐指数
1
解决办法
4562
查看次数

标签 统计

angularjs ×4

angularjs-scope ×1

dom ×1