草庐IT

Angular-app

全部标签

javascript - Angular 2 同一页面上有多个组件

我正在使用app.component.ts文件中的Angular2快速入门代码。文件看起来像这样:import{Component}from'angular2/core';@Component({selector:'app',template:`TitleHere'})exportclassAppComponent{}这按预期工作。我想做的是在同一个页面上添加另一个组件...所以我尝试了这个:import{Component}from'angular2/core';import{ComponentTwo}from'angular2/core';@Component({selector:

javascript - Angular 2/4 将焦点设置在输入元素上

如何通过(点击)事件设置焦点?我有这个功能,但我显然遗漏了一些东西(这里Angular新手)sTbState:string='invisible';privateelement:ElementRef;toggleSt(){this.sTbState=(this.sTbState==='invisible'?'visible':'invisible');if(this.sTbState==='visible'){(this.element.nativeElement).find('#mobileSearch').focus();}} 最佳答案

javascript - 模板中 string.length 的 Angular JS 问题

我对AngularJS(版本1.2.6)有疑问。由于某些我无法理解的原因,我无法访问存储在$scope中的字符串变量的length属性。在模板中:String'{{myObject.someVariable}}'haslength'{{myObject.someVariable.length}}'.在Controller中:$scope.myObject={};//asynchronuousloadingofmyObjectSomeService.loadObject(function(result)){$scope.myObject=result;console.log("Conte

javascript - $watch 中的 Angular 表达式触发两次

当一个简单的比较作为watchExpression传递时,为什么这个$watch会触发两次?$scope.foo=0;//simplecounter$scope.$watch('foo>4',function(){console.log("fooisgreaterthan4:",$scope.foo);});监听器在页面加载时触发,当foo为0时,当foo的值为>超过4。为什么在页面加载时触发监听器?为什么当foo大于4时它不继续触发?我设置了一个简单的plunkr来显示正在发生的事情:http://plnkr.co/edit/ghYRl9?p=preview

javascript - Angular : radiobuttons stop firing "ng-change" after each one was clicked

我正在动态构建单选按钮。ng-change='newValue(value)在每个单选按钮被按下一次后停止被调用。这是可行的:单击单选按钮会将值更改为foo/bar/baz。http://jsfiddle.net/ZPcSe/19/{{value}}此代码不会:一旦每个单选按钮至少被按下一次,{{value}}-“标签”就不会更新。显然ng-change不再被触发。{{value}}http://jsfiddle.net/ZPcSe/18/控件每次都是一样的:varmyApp=angular.module('myApp',[]);functionMyCtrl($scope){$scop

javascript - 使用 Google Apps 脚本在不通知用户的情况下共享云端硬盘文档

我正在Apps脚本中创建一个工作流程,其中从模板生成文档并与各种用户共享以供批准。脚本会发送一封自定义的电子邮件,通知用户该文档需要他们的批准,但他们还会在流程的每个阶段收到第二封电子邮件,来自用户的驱动器文档存储在说“用户已与您共享文档”。有什么方法可以禁用这些警报吗?当您从云端硬盘手动共享文档时,有一个复选框选项允许您选择用户是否接收通知。但是,我找不到使用Apps脚本禁用此通知的方法。我正在使用doc.addEditors(users)来共享文档。非常感谢 最佳答案 另一种选择是使用Drive高级服务(您应该在脚本编辑器的“资

javascript - Angular 2 : How to tell SystemJS to use a bundle?

我有一个Angular2RC7应用程序,我在其中使用SystemJS加载JavaScript文件。这是我当前的SystemJS配置:(function(global){System.config({defaultExtension:'js',defaultJSExtensions:true,paths:{'npm:':'node_modules/'},//Letthesystemloaderknowwheretolookforthingsmap:{//Ourappiswithintheappfolderapp:'app',//Angularbundles'@angular/core':

javascript - 如何正确构建优化的 Angular 5 项目?

我是Angular5项目的新手。我运行ngbuild--prod生成一个dist/文件夹。我注意到构建需要很长时间,当我打开我的dist/文件夹时,我看到里面几乎有98%无用的东西,比如SVG、图像等等在..我如何控制进入我的dist/的内容?.angular-cli.json{"$schema":"./node_modules/@angular/cli/lib/config/schema.json","project":{"name":"web"},"apps":[{"root":"src","outDir":"dist","assets":["assets","favicon.ic

javascript - Angularjs 可以跨多个 ng-apps 重用一个服务吗

我正在尝试创建一个将使用多个Angularng-apps的网络应用程序,并且至少两个可以使用相同的服务代码(它们不需要共享数据,但它们执行类似的功能),那么我怎么能避免代码重复?也就是说,myApp1.factories.factory('myservice'[function(){//stuffIdontwanttorepeat}])...并在应用程序其他地方的不同页面上的不同div上:myApp2.factories.factory('myservice'[function(){//stuffIdontwanttorepeat}])有没有办法让这两个应用程序重用该服务代码?还是只为

javascript - Angular js - 检查当前 url 是否与路由匹配(使用动态 url 参数)

我只是在做这个设置:app.config(['$routeProvider',function($routeProvider){$routeProvider.when('/asd/:id/:slug',{templateUrl:'views/home/index.html',controller:'Home',publicAccess:true,sessionAccess:true});:id和:slug是动态参数。现在我想检查当前url是否匹配该路由(/asd/:id/:slug)例如url:asd/5/it-is-a-slug哪种方法最简单?我试过这个:$rootScope.$on