-
在Angular 4中获取当前路径路径名称的最简单方法是什么？
所属栏目：[安全] 日期：2020-12-17 热度：149
我一直在寻找获得当前路线路径名的好方法.这是我能找到的最容易的. this.route.snapshot.firstChild.url[0].path 有没有更好的办法？谢谢！ 找到当前路径的最简单方法是直接使用 this.router.url 或者您可以使用此类事件检查每个路由器更改的当前路径 this.r[详细]
-
angular – 类型’ElementRef’不是通用的
所属栏目：[安全] 日期：2020-12-17 热度：63
我正在使用Angular 5中的Material Component处理一个项目.我确实更新了我的Visual代码,但我不知道发生了什么.我正面临一个问题“类型’ElementRef’不是通用的.” 从早上起我一直坚持这个问题. Error in this line _inputElement: ElementRefHTMLInputElemen[详细]
-
可排序 – 将参数从指令传递到回调
所属栏目：[安全] 日期：2020-12-17 热度：156
我试图定义一个包装 jqueryui可排序插件的指令排序. 角度代码是： module.directive('sortable',function () { return function (scope,element,attrs) { var startIndex,endIndex; $(element).sortable({ start:function (event,ui) { startIndex = ui.item[详细]
-
Angular CanDeactivate Router Guard具有可观察的订阅值
所属栏目：[安全] 日期：2020-12-17 热度：101
我一直在尝试编写一个canDeactivate防护来检查可观察流中的保存状态并相应地工作. 我的服务就是这样 import { Injectable } from '@angular/core';import { ReplaySubject } from 'rxjs/ReplaySubject';import { Observable } from 'rxjs/Observable';@Injec[详细]
-
Angular2：父子组件通信
所属栏目：[安全] 日期：2020-12-17 热度：128
我正在尝试创建一个父子组件,其中子组件将有一个状态下拉.有人可以帮我理解如何访问父组件中的状态下拉值吗？这是我的示例代码. /app/app.tsimport {Component} from 'angular2/core'import {FORM_DIRECTIVES,FormBuilder,ControlGroup,Validators} from 'an[详细]
-
在ngRepeat中对哈希对象的值进行排序 – angularJS
所属栏目：[安全] 日期：2020-12-17 热度：102
我有一个像这样的对象： $scope.phones = new Object();$scope.phones['id1'] = { "name":"Phone Name1","dateReleased":"2012-1-09 15:48:24"};$scope.phones['id2'] = { "name": "Phone Name2","dateReleased":"2012-3-12 15:32:11"};$scope.phones['id3'][详细]
-
Angular 2：如何检测组件上输入属性的属性更改？
所属栏目：[安全] 日期：2020-12-17 热度：94
我有一个Angular 2控制器,看起来像这样： @Component({ selector: 'my-component',template: 'divThe value is: {{ value }}/div',})class MyComponent implements OnInit { @Input() value: string; @Output valueChange = new EventEmitternumber(); ngOnI[详细]
-
Angular 2异步管道不会自动呈现/更新Observable数据
所属栏目：[安全] 日期：2020-12-17 热度：141
我面临着Angular2路由器和异步管道的问题. 我试图渲染一个RxJs Observable,数据不会自动渲染. 必须单击链接以获取要呈现的数据的路径. 这是根应用程序： import {bootstrap} from 'angular2/platform/browser';import {HTTP_PROVIDERS} from 'angular2/http'[详细]
-
angularjs – 角度新路由器 – 嵌套组件和路由
所属栏目：[安全] 日期：2020-12-17 热度：59
我正在使用新的角度路由器,想要尝试一个使用组件和嵌套组件的用例. 下面是我写的JavaScript代码来定义两个组件和路由： angular.module('app',['ngNewRouter']) .controller('AppController',function ($router) { $router.config([ { path: '/parent',compo[详细]
-
如何从控制台角度访问指令实例？
所属栏目：[安全] 日期：2020-12-17 热度：146
ng.probe($0).componentInstance – 将提供对实例的引用. 有没有办法从控制台访问指令实例？ 指令实例在这方面与其他提供商没有区别,可以从注入器中检索. 为了检索提供者实例,必须有提供者令牌,它是指令类.由于应用程序类不会暴露给全局范围,因此可以检查调[详细]
-
angular – 访问被抄送的内容
所属栏目：[安全] 日期：2020-12-17 热度：79
我有一个组件,我用它来显示一个代码块,该代码块在组件中被转换 gs-code console.log("Asd")/gs-code 该组件看起来像这样 code.component.ts @Component({ selector: 'gs-code',providers: [],viewProviders: [],templateUrl: './code.component.html',styleU[详细]
-
订阅Angular 2中的多个Observable
所属栏目：[安全] 日期：2020-12-17 热度：144
我的Angular 2应用程序在服务中有2个方法[GetCategories()和GetCartItems()],这两个方法都返回 观测. 为了从我的组件一个接一个地调用这两个方法,我写了下面的代码 ngOnInit() { this.appService.GetCategories().subscribe( (data) = { this.appService.cat[详细]
-
有没有办法简单地绑定Angular 2中的多个事件？
所属栏目：[安全] 日期：2020-12-17 热度：132
是否有更好的方法一次绑定多个事件？ 我知道我能做到 input(keyup)=“callFunc()”(keydown)=“callFunc()”/ .. 我想知道是否有这样的短手： input (keyup,keydown)="callFunc()"/ 我试过,它没有用.. 谢谢, 迈克尔 You can implement this yourself through[详细]
-
angularjs – 用于舍入十进制数的Angular指令
所属栏目：[安全] 日期：2020-12-17 热度：144
Angular是否有内置指令来舍入输入值？ 在这种情况下,数字过滤器是不合适的,因为我也想在ng-model中舍入实际的val. 如果我要写一个,它会是什么样的？ 您可以使用指令创建双向绑定转换.这是一个简单的例子： app.directive('roundConverter',function() { retu[详细]
-
angularjs – 将工厂中的数据从一个控制器传递到另一个控制器
所属栏目：[安全] 日期：2020-12-17 热度：151
我不确定我是否有一个“最佳实践”问题,我试图以一种奇怪而奇妙的方式解决这个挑战,或者我对AngularJS的控制还没有. 场景：所以我一直试图找到一种方法让“originCity.cityName”在页面上输出几次,所有引用同一工厂内的相同对象,希望如果我将它设置为其他值([详细]
-
angular – 自定义组件绑定：”没有值访问器
所属栏目：[安全] 日期：2020-12-17 热度：93
我用自定义元素将表单更新为RC2的@ angular / forms.当我使用[(ngModel)] =“myModel”对它执行输入绑定时,我从角度得到”没有值访问器,并且表单无法加载.只有输入绑定才会出现错误. 这是一个说明问题的吸收者：https://plnkr.co/edit/wxMsGuxr3GHMwNNoczT7?[详细]
-
AngularJS模态窗口指令
所属栏目：[安全] 日期：2020-12-17 热度：143
我正在尝试为Twitter Bootstrap Modal制作一个指令angularJS指令. var demoApp = angular.module('demoApp',[]);demoApp.controller('DialogDemoCtrl',function AutocompleteDemoCtrl($scope) { $scope.Langs = [ {Id:"1",Name:"ActionScript"},{Id:"2",Name[详细]
-
角度2形式 – 在子组件级别分配ngControl
所属栏目：[安全] 日期：2020-12-17 热度：141
在角度2表格中, 尝试通过ngSubmit获取数据. 我可以在我的表单组件中分配ngModel和ngControl属性,但是在MyInput子组件中,我不能在没有“不提供错误”的情况下分配ngControl. Plunker这里 http://plnkr.co/edit/LauhEz6vMaEmIg0hceoj?p=preview directives: [C[详细]
-
AngularJs UI-Router – 页面刷新$state.current现在为空
所属栏目：[安全] 日期：2020-12-17 热度：97
我有一个使用ui-router的Angular应用程序,每当我刷新页面时我都会遇到问题.我正在使用嵌套视图,命名视图来构建应用程序.每当我刷新页面时,ui-router都不会重新加载当前状态,只是将页面留空. 页面加载$state.current等于 Object {name: "",url: "^",views: nu[详细]
-
angular – 防止触发更改检测的本机浏览器事件(如滚动)
所属栏目：[安全] 日期：2020-12-17 热度：127
我正在绑定一个滚动事件来捕获滚动并用它做一些事情,我已经创建了一个像bellow一样的指令： 所以我有简单的指令,除了： constructor ( private el : ElementRef,private renderer : Renderer ) { this.domAdapter = new browser.BrowserDomAdapter(); this.r[详细]
-
angularjs – 如何格式化’angular-moment”am-time-ago’指令？
所属栏目：[安全] 日期：2020-12-17 热度：57
LIVE DEMO 我使用 am-time-ago 指令来显示相对时间戳： span am-time-ago="publishedAt"/span 默认情况下,它被格式化为“一天前”,“5天前”等. 如何将格式更改为“1d”,“5d”,“3h”等？ 您可以在配置或应用程序启动的某个位置自定义人性化. moment.lang('[详细]
-
angular – Stackblitz：如何导入Bootstrap CSS框架
所属栏目：[安全] 日期：2020-12-17 热度：123
我刚刚找到了令人惊叹的Stackblitz在线VS Code编辑器. 我创建了一个Angular项目,并在依赖项下安装了Bootstrap CSS框架但是我应该如何将Bootstrap导入到我的项目中？ 通常我通过将这行代码添加到angular-cli.json来实现： "../node_modules/bootstrap/dist/cs[详细]
-
AngularJs – RXJS Observable取消订阅
所属栏目：[安全] 日期：2020-12-17 热度：95
我已经设置了一个RXJS可观察.我有两个组件订阅服务工厂的主题.如何取消订阅所选组件到主题以便按下按钮它会停止收听主题广播？ 看我的jsfiddle Unsubscribe App 我的代码： div ng-app="myApp" ng-controller="mainCtrl" script type="text/ng-template" id=[详细]
-
angularjs – 如何显示隐藏在导航栏后面的popover
所属栏目：[安全] 日期：2020-12-17 热度：165
我是Bootstrap和Angular的新手.在我的网页上有一个按钮,我提供了这样的跨度的弹出窗口 span popover="Download Project History" popover-trigger="mouseenter" tooltip-placement="top" style="padding: 5px" translate="DOWNLOAD"DOWNLOAD/span 但它被隐藏[详细]
-
Angular 4找不到名称’ViewChild’
所属栏目：[安全] 日期：2020-12-17 热度：97
我有这个奇怪的错误,并没有发现任何类似的东西.. 我在我的网站上使用ng2-canvas-whiteboard组件作为绘图画布,除了当我尝试使用以下方法引用该画布时,一切都正常工作： @ViewChild('canvasWhiteboard') canvasWhiteboard: CanvasWhiteboardComponent; 正如官[详细]
