小编Mic*_*ins的帖子

在Angular JS中处理模态的最简单方法是什么?

问题:如何在Angular JS控制器中管理一堆模态?

我把它们放在我的视图的底部并使用http://angular-ui.github.io/bootstrap/#/modal, 但我最终得到了大型html模板(可行),但感觉效率低下.

我尝试过的:

  • 来自UI-Bootstrap的$ dialog(痛苦的对接)
  • 存储在模板中的模式通过ng-include包含使用UI-Bootstrap的模态
  • 模态放在我的视图底部的控制器<<当前打开并正在工作

这感觉就像我错过了什么.有什么指针吗?

编辑:

我做了很多搜索并找到了一个脚本然后升级了一下:

  • 你的模态是外部模板
  • 它们也在您单击按钮的范围内
  • 3种不同(确认,消息,加载模板)

https://github.com/clouddueling/angularjs-modals

更新

我已经回复了这个问题:http://clouddueling.github.io/angular-common/

javascript angularjs

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

在浏览器中为Jasmine测试添加代码覆盖率

我在本地使用npm和grunt的代码覆盖,但我想在浏览器中演示这一点.

如果我打开一个codepen,我怎样才能在浏览器中生成代码覆盖?
请举例说明.

在这里,我正在测试一个控制器,Jasmine测试代码,但我想知道它是否100%覆盖并在浏览器中显示. http://codepen.io/clouddueling/pen/Jwaru?editors=001

我可以将我的代码提交给服务器吗?是否在heroku上即时测试并获得结果?Instanbul能以某种方式在客户端运行并输出一个html报告或json字符串吗?

jasmine angularjs istanbul

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

Angular JS 在 Safari 中中断,但在 Chrome 中没有中断

我编写了一个在桌面浏览器中运行良好但在 Safari 中无法运行的应用程序。Angularjs 是否支持 iPad 的原生浏览器?

我一直在谷歌搜索,找不到任何与 PhoneGap 无关的东西。它只是浏览器中的 javascript 不是吗?

你怎么调试这个?

解决方案

delete在我的服务中使用了保留字,它破坏了 safari 而不是chrome。在台式机和平板电脑上 safari 都坏了,但 chrome 可以工作。我必须将保留字切换为类似remove.

http://paste.laravel.com/NNB

javascript ipad angularjs

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

存储多个Firebase参考

我正在使用Firebase(AngularFire)和他们的PHP API,我正在构建在线状态系统. https://www.firebase.com/docs/managing-presence.html

我开始以很多参考文献结束,这感觉不对.

firebase引用应该存储在vanilla vars还是对象中?

controllers.controller('SocialCtrl', function($scope, angularFire) {
    var onlineRef = new Firebase($scope.main.firebaseUrl + "/users/" + $scope.main.userId + "/online");
    $scope.online = {};
    angularFire(onlineRef, $scope, "online");

    var usersRef = new Firebase($scope.main.firebaseUrl + "/users");
    $scope.users = {};
    angularFire(usersRef, $scope, "users");

    var productRef = new Firebase($scope.main.firebaseUrl + "/products/" + $scope.main.serieId);
    $scope.product = {};
    angularFire(productRef, $scope, "product");

    var connectedRef = new Firebase($scope.main.firebaseUrl + "/.info/connected");
    connectedRef.on("value", function(snap) {
        if (snap.val() === true) {
            onlineRef.onDisconnect().set(Firebase.ServerValue.TIMESTAMP);
            onlineRef.set(true);
        }
    });
});
Run Code Online (Sandbox Code Playgroud)

要么

$scope.fire = {
    refs: …
Run Code Online (Sandbox Code Playgroud)

angularjs firebase

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

使用Angular JS隐藏表单

试图围绕一些Angular项目,并通过教程编辑和学习.

单击下面的按钮会显示以下表单.提交表单后如何撤消此操作?意味着将表单隐藏在提交之前,直到再次单击该按钮.

<button ng-click="addNewClicked=!addNewClicked;" class="btn btn-sm btn-primary">
    <i class="fa fa-plus"></i>Add Task
</button>
Run Code Online (Sandbox Code Playgroud)

基本上,表格出现了,我输入内容并提交,但是希望表单在提交时消失?想与ng-hide有关,但我可以只使用Angular吗?或者我需要用javascript/css做些什么吗?

<div id="addForm" class="margin-full-5">
<form ng-init="addNewClicked=false; " ng-if="addNewClicked" id="newTaskForm" class="add-task">
    <div class="form-actions">
        <div class="input-group">
            <input type="text" class="form-control" name="comment" ng-model="taskInput" placeholder="Add New Task" ng-focus="addNewClicked">
            <div class="input-group-btn">
                <button class="btn btn-default" type="submit" ng-click="addTask(taskInput)">
                    <i class="fa fa-plus"></i>&nbsp;Add Task
                </button>
            </div>
        </div>
    </div>
</form>
Run Code Online (Sandbox Code Playgroud)

html javascript forms angularjs

4
推荐指数
2
解决办法
9214
查看次数

AngularJS:使用FabricJS/Canvas进行测试

你如何在指令和服务中为FabricJS这样的东西编写测试?

示例应用程序:http://fabricjs.com/kitchensink/

我一直在努力,但是如果没有非常糟糕的黑客,我就没有取得多大进展.我想将此服务和指令集成到我的https://github.com/clouddueling/angular-common repo中,以便其他人可以使用这个功能强大的库.

我的情景:

我正在尝试测试包含服务和指令的模块.那些将我的应用程序链接到FabricJS.我在模拟fabric包含js文件时创建的全局变量时遇到问题.我假设然后我监视包含织物画布的var.

我只需要确认我的服务正在与Fabric正确交互.我虽然嘲笑/捏造面料有困难.

赢得赏金:

  • 我可以与Karma一起使用的测试示例.

canvas html5-canvas fabricjs angularjs

2
推荐指数
1
解决办法
2532
查看次数

AngularJS - 如果创建了TDD风格,它会是什么样子?

我正在将所有代码转移到Karma和Jasmine上,并且很难弄清楚我从哪里开始.

如果从TDD的角度开始构建它,这段代码会是什么样子?简单的测试是什么样的?

注意:此代码100%工作,但我没有任何测试设置.

(function() {

    "use strict";

    angular.module('system_centers', [
        'system'
    ])

        .factory('System', ['Api', function(Api) {
            this.loadSystem = function(contactId, cardId) {
                return Api.get('lmc/contact/system/' + contactId, {
                    card_id: cardId
                });
            };

            this.completeSystem = function(recordId) {
                return Api.put('system/complete/' + recordId);
            };

            this.createSystem = function(contactId, cardId) {
                if (+contactId === 0 || +cardId === 0) {
                    return false;
                }

                return Api.post('contact/system/' + contactId, {
                    card_id: cardId,
                    type: 'systems',
                    origin: 'lmc'
                });
            };

            return this;
        }])

        .controller('System_centersCtrl', ['$scope', 'System', function($scope, System) {
            $scope.main.cardType …
Run Code Online (Sandbox Code Playgroud)

tdd jasmine angularjs karma-runner karma-jasmine

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

Eloquent:乘以并添加列,然后按结果排序

我正在建立一个讨论板,我正在创建一个名为"Top"的主题列表,按主题的"流行度"排序.

我正在尝试做类似的事情:

SELECT ((post_count * 2) + (like_count * 4)) as popularity_score
FROM `topics`
    WHERE `deleted`=0
ORDER BY popularity_score DESC
Run Code Online (Sandbox Code Playgroud)

我如何以雄辩的方式做到这一点?我对它没有太多运气.

php mysql laravel eloquent

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

有没有办法判断这个对象是否是一个雄辩的对象?

我正在尝试将转换数组推广到json中,当我在混音中加入雄辩的模型时,它会变得有些混乱.

有没有办法判断这个对象是否是一个雄辩的对象?

像isEloquent()函数一样.

laravel

0
推荐指数
1
解决办法
124
查看次数