-
angular – 获取当前组件名称
所属栏目:[安全] 日期:2020-12-17 热度:111
这有可能获得当前的组件名称吗? 例如,如果我有localhost:3000 / en / mycomponent,我将对this.router.url返回/ en / mycomponent,这是/ language / component 我想重新定位语言变化. 我会做 this.router.navigate([this.lang,my component here]); 但是如[详细]
-
在webpack中使用ExtractTextPlugin忽略Angular2组件样式表
所属栏目:[安全] 日期:2020-12-17 热度:68
我正在使用 html-webpack-plugin插件注入 script标记到webpack生成的块的模板文件中.我还有一些全局样式表,我想动态添加到 head我的HTML模板的一部分.为此,我也使用html-webpack-plugin如下(在这种情况下,app entry / chunk是相关的). module.exports = { en[详细]
-
angular – 在模板中使用带有异步管道的Observable时显示加载
所属栏目:[安全] 日期:2020-12-17 热度:115
情况:我正在使用FirebaSEObjectObservable来填充我的Ionic 2(rc0)模板. 模板代码: ion-card-content p{{(course | async)?.description}}/p br h2Learning Objectives/h2 ul li *ngFor = "let objective of (course | async)?.objectives"{{objective.text[详细]
-
无法在Angular 2.0.0测试中加载.html
所属栏目:[安全] 日期:2020-12-17 热度:98
我在Angular 2.0.0中遇到了TestBed的问题 beforeEach( async(() = { TestBed.configureTestingModule({ declarations: [ SomethingComponent ] }).compileComponents(); // compile template })); beforeEach(() = { fixture = TestBed.createComponent(Some[详细]
-
单元测试 – Angular2:无法使用TestBed.compileComponent()使用
所属栏目:[安全] 日期:2020-12-17 热度:141
我试图获得Angular2测试API和TestBed.compileComponents()的基础知识让我疯狂.我要么像这样称呼它: beforeEach( done = { TestBed.configureTestingModule({ declarations: [MyComponent] }) .compileComponents().then( () = { fixture = TestBed.createCo[详细]
-
Angular2中AfterContentChecked和AfterViewChecked有什么区别?
所属栏目:[安全] 日期:2020-12-17 热度:146
我试图了解这两个生命周期钩子之间的确切区别是什么?有谁能解释我如何使用它们与任何简单的例子?我只是想在何时应该实现这些接口? 谢谢. 干杯. 解决方法 view解决组件的模板 内容解决了当前组件的被抄送子项(您可以使用 ng-content / ng-content元素进行[详细]
-
Angular2组件在多个模块中声明
所属栏目:[安全] 日期:2020-12-17 热度:146
我的Angular2 RC6应用程序有两个模块,我不知道如何声明共享组件. 我有一个名为spinnerComponent的组件,它在整个应用程序中使用.我在app.modules.as中定义了它: @NgModule({ imports: [BrowserModule,routing,RepairReturnModule],providers: [ ],declaratio[详细]
-
angular 2 – 如何使用服务的输入/输出动态创建组件实例并将其单
所属栏目:[安全] 日期:2020-12-17 热度:178
在角度2中创建动态组件时,我发现此过程需要ViewContainerRef才能将新创建的组件添加到DOM. Angular 2 dynamic tabs with user-click chosen components https://www.lucidchart.com/techblog/2016/07/19/building-angular-2-components-on-the-fly-a-dialog-[详细]
-
angularjs – angular material如何将数据传递给预设对话框
所属栏目:[安全] 日期:2020-12-17 热度:148
我正在使用Angular Material,我使用$mdDialogProvide创建了一个简单的预设对话框: angular.module('starterApp').config([ '$mdDialogProvider',function ($mdDialogProvider) { $mdDialogProvider.addPreset('warning',{ options: function () { return {[详细]
-
将Angular Material2与Bootstrap4 css一起用于网格布局
所属栏目:[安全] 日期:2020-12-17 热度:187
Angular Material2(alpha.7)还没有像 bootstrap grid system那样的响应网格组件.引导程序中的布局/网格系统允许创建响应式布局(适应屏幕大小而无需处理涉及自定义媒体查询的写入css并计算出断点的像素值),这非常有用. 我注意到material2项目中包含bootstrap[详细]
-
angularjs – 删除angular2组件的选择器标签
所属栏目:[安全] 日期:2020-12-17 热度:138
我有一个用于2个模板的用户组件.用户表的第一个模板,用户页面的第二个模板.我选择按角色属性使用的模板. 第一个使用示例: table tr user *ngFor="let user of users" [user]="user" role="UserTableItem"/tr/table 在另一个模板中,我使用我的组件,如下所示[详细]
-
angularjs – ui-router:传入不在url中的param?
所属栏目:[安全] 日期:2020-12-17 热度:65
我在传递一个不是URL中的参数的参数时遇到问题. 我在点击事件上基本上有以下内容 let stateParams = { id: event.info.id,info: event.info};this.$state.go('home.showinfo',stateParams); 我已经对stateParams进行了双重检查,其中包含id和info对象. 然后我[详细]
-
angularjs – 如何在Ionic中创建一个带有 – 和 – 按钮的输入框
所属栏目:[安全] 日期:2020-12-17 热度:184
如何创建一个带有和 – 按钮的输入框.点击哪个用户可以更改所选产品的数量,例如此屏幕: 解决方法 这是Ionic 2的一个快速抛出的例子.如果你使用Ionic 1,你应该能够很容易地适应它. 你只需要一些控制器/类函数来递增和递减,然后从按钮中调用那些.这个例子只包[详细]
-
Angular 2 Routing始终重定向到根路径
所属栏目:[安全] 日期:2020-12-17 热度:121
我正在使用Angular 2 rc4,我已经使用了这样的新路由 const routes: RouterConfig = [{ path: '',component: PublicLayoutComponent,children: [ { path: '',component: HomeComponent},{ path: 'login',component: LoginComponent} ]}] 对于这段代码我无法访[详细]
-
何时使用Angular 2工厂功能?
所属栏目:[安全] 日期:2020-12-17 热度:155
我无法想象我需要使用工厂提供商的情况. 根据官方文档https://angular.io/docs/ts/latest/guide/dependency-injection.html,情况是一个人可能无法从另一个服务(service-a)中访问服务(service-b),但工厂函数确实(可以访问service-b).那么,什么时候真的会发生[详细]
-
angular – 将水平滚动条添加到Ionic2的离子滑轨
所属栏目:[安全] 日期:2020-12-17 热度:126
我正在使用Ionic2的 ion-slides ,它对我来说很好. ion-slides [options]="extraOptions" ion-slide *ngFor="let slide of slides" img src="{{slide.image}}" / /ion-slide /ion-slides 我想在Swiper API http://idangero.us/swiper/api/#.V6Lcx8twbqA(第13[详细]
-
如何从angular2中的子组件更新父组件
所属栏目:[安全] 日期:2020-12-17 热度:80
我在Angular2中寻找AngularJS ISolated(= operation)范围的类似功能. 我想更改子组件中的父组件值,以便我不需要使用任何EventEmitters. 以下是我的代码片段. component-1div *ngFor="let row of listArray" component-2 [inputData]="row.inputData" (output[详细]
-
angularjs – Angular过滤器定义中的’anyPropertyKey’是什么?
所属栏目:[安全] 日期:2020-12-17 热度:146
Angular JS {{ filter_expression | filter : expression : comparator : anyPropertyKey}} 我无法理解最后一个参数,即anyPropertyKey.任何人都可以用一个简单的例子来解释我 div ng-init="ar=[{n:'ram1',m:1},{n:'mah',{n:'vij',m:3}]" div ng-repeat='x in[详细]
-
使用Angular2在一个简单的类构造函数中注入服务
所属栏目:[安全] 日期:2020-12-17 热度:170
我创建了一个这样的Message类 import { ReflectiveInjector } from '@angular/core';import { ApiService } from '../api.service';export class Message { timestamp: number; message: any; api: ApiService; constructor(message: any) { let injector =[详细]
-
typescript – Angular2 @Inputs应该是公共的还是可以/我们应该
所属栏目:[安全] 日期:2020-12-17 热度:104
我正在使用带有Typescript的Angular2 假设我的app组件模板中有以下内容: ... coffee-cup [coffee]=""... 我的咖啡杯组件: @Component({ selector: 'coffee-cup',...})export class CoffeeCup { @Input() public coffee = 0;} 我目前不确定我的输入应该是什[详细]
-
angular – 如何访问ng-content?
所属栏目:[安全] 日期:2020-12-17 热度:88
我想访问ng-content的内容,首先来获取内容元素的数量,但稍后会有更多的精彩内容. 例如: @Component({selector: 'my-container',template: ` div class="my-container" div class="my-container-nav"a class="my-container-previous"/a/div div class="my-co[详细]
-
angularjs – 在expect语句中一起添加变量
所属栏目:[安全] 日期:2020-12-17 热度:131
我有一些字符串,我使用量角器/ jasmine / angularJS提取并转换为整数.我现在正在尝试将这些添加在一起并在期望声明中进行比较.但是我这样做会有一些承诺错误. var result0 = element.all(by.binding('Inboxes.Inbox.Count')).first().getText().then(parseFl[详细]
-
angular – 使用ng-content在父项呈现项目时未填充@ContentChild
所属栏目:[安全] 日期:2020-12-17 热度:199
我有三个组件:Panel,PanelGroup(ul)和PanelItem(li): 面板: @Component({selector: "panel",directives: [PanelGroup,PanelItem],template: ` panel-group ng-content select="panel-item"/ng-content /panel-group`})export default class Panel {} pane[详细]
-
Angular 2打字稿到javascript?
所属栏目:[安全] 日期:2020-12-17 热度:189
目前,我仍然围绕着整个Angular 2概念.我过去使用过AngularJS(1),我喜欢它. 所以目前我正在开始一个新项目并想到为什么不开始使用Angular 2.现在我知道每个人都在使用Typescript而不是javascript.但是,我仍然不确定如何在一个简单的Web托管服务器(PHP,HTML,My[详细]
-
对于Angular2项目,我如何连接从typescript生成的所有JavaScript
所属栏目:[安全] 日期:2020-12-17 热度:177
对于Angular2项目,我如何连接从typescript生成的所有 JavaScript文件并将它们添加到我的index.html文件中. 我正在使用Angular2,typescript和gulp. 目前我没有连接它从typescript文件生成的javascript文件. 我无法尝试这样做并将它们添加到我的index.html文件[详细]