草庐IT

angularjs-ng-pattern

全部标签

javascript - Webpack 和 angularJs

我正在尝试使用angularjs和webpack运行简单的应用程序,这是我的代码:index.htmlFullName:{{firstName+""+lastName}}app.jsvarapp=angular.module('myApp',[]);functionmainCtrl($scope){$scope.firstName="John",$scope.lastName="Doe"}Webpackconfig.jsmodule.exports={entry:'./main.js',output:{filename:'./bundle.js'}};ma​​in.jsvarjquer

javascript - 选项卡/浏览器关闭时触发 Angularjs 事件

我想在AngularjsController中触发JS代码。我有这个:$scope.$on('$destroy',function(){alert('page1');});当我离开使用该Controller的页面时,它工作正常,但当我关闭选项卡/浏览器时它不工作。当标签页/浏览器关闭时,我是否需要使用其他代码来触发JS代码? 最佳答案 来自Angular文档:$destroy();Removesthecurrentscope(andallofitschildren)fromtheparentscope.Removalimpliest

javascript - 回调在 AngularJS 调用 REST 服务时如何工作?

我正在研究AngularJS和REST。代码示例在身份验证函数中重复使用单词callback。“回调”是JavaScript或Angular中的关键字吗?还是callback只是在此代码中创建的自定义变量?callback在下面的代码中是如何工作的?谷歌搜索callback和AngularJS没有产生可用的结果。ThecodefortheAngularJSmoduleinquestioncanbereadatthislink,其中还包含示例应用程序的所有代码。这是模块代码本身:angular.module('auth',[]).factory('auth',function($root

javascript - 具有 RequireJS : anti-pattern? 的单例主干模型

我有一个模型需要被多个View访问,为了在模型模块的定义中完成这个,我立即像这样实例化它:define(['jquery','underscore','backbone'],function(_,Backbone){varFoo=Backbone.Model.extend({//wondrousmethodsandproperties});returnnewFoo();});我真的只需要这个模型的一个实例——现在就是这样。据我所知,解决方法是有一个单独的App模块。像这样的东西:define([],function(){varApp={routers:{},models:{},view

javascript - AngularJS Restful 路由

我正在尝试使用Restful/Ruby约定构建我的应用程序//[method]/[id].我以前在使用像CodeIgniter这样的服务器端MVC框架时是如何根据URI动态路由的:例如www.foo.com/bar/baz/1然后该应用程序将使用方法baz在Controller/类中bar并返回views/bar/baz.php(填充了来自bar->baz的数据)我想在Angular中做同样的事情,但我不确定它是否支持这个(如果支持,我不确定具体如何去做)。目前我正在使用$routeProvider的when指定每个案例的方法。$location.path()看起来它可能有我需要的东西

javascript - AngularJS $watch Controller 初始化期间的奇怪行为

我有一个代码片段:varapp=angular.module('Demo',[]);app.controller('DemoCtrl',function($scope){functionnotify(newValue,oldValue){console.log('%s=>%s',oldValue,newValue);}$scope.$watch('collection.length',notify);$scope.$watch('my',notify);$scope.collection=[];$scope.my='hello';});$watch最初触发。此代码片段将输出:0=>0h

javascript - 如何重新加载 AngularJS 部分模板?

在我的应用中,主模板有一个月份下拉列表(Jan、Feb...)。主模板包含一个ng-view,使用routeProvider加载部分模板。如何从主模板的Controller刷新ng-view(通过重新运行其Controller)?当用户切换到不同的月份时,部分模板内容会刷新。主模板HTML:....路线提供者:.....config(['$routeProvider',function($route){$route.when('/module/:module',{templateUrl:'partial/module.html',controller:Module}).otherwis

javascript - 如何使用具有工作 ng-click 功能的 angularjs 添加 html 按钮

我正在开发一款使用angularjs制作的游戏。我有一个问题,我还没有能够解决。我想使用一个弹出对话框(无警报),其内容取决于上下文。此弹出窗口包含一个按钮,单击该按钮即可开始游戏。由于内容是动态的,所以ng-click功能不起作用。我已经尝试使用指令并直接从Controller发出,但没有让它工作。我的具体问题是如何将HTML按钮添加到包含实际触发的ng-click函数的angularjs中?编辑:这是一次尝试(实际上是让按钮显示,但ng-click什么都不做):Controller:{if($scope.quiz.state==='finished'||$scope.quiz.st

javascript - Angular 中的范围变量和 ng-include 不协调

我有一个文件拖放区来获取文件的数据内容。如果我将$scope.importData设置为null,则无法再在放置处理程序中分配数据。$scope.handleDrop=function(evt){if(window.File&&window.FileReader&&window.FileList&&window.Blob){varfiles=evt.dataTransfer?evt.dataTransfer.files:evt.target.files,file=files[0],reader=newFileReader();reader.onloadend=function(evt)

javascript - AngularJS + Grunt + Protractor : keepAlive and watch

我目前正在使用E2E测试我的AngularJS应用程序和Grunt中的Protractor。我按照https://www.npmjs.org/package/grunt-protractor-runner安装,我有2个问题:首先:我想知道,如果有可能,我使用Karma进行的单元测试会产生这种行为:启动测试服务器运行所有测试当测试文件或任何其他html/js文件更改时,重新运行所有测试我非常喜欢这种实时监视和自动重新加载的方式,因为它减少了整个套件的启动时间,并使一切变得更快。但是对于Protractor,我有一个问题:每次我用Grunt开始测试时,测试都会执行,然后一切都会关闭。虽然,