我正在使用角度材料对话框2.
我想将数据传递给打开的组件.这是我点击按钮时打开对话框的方式
let dialogRef = this.dialog.open(DialogComponent, {
disableClose: true,
data :{'name':'Sunil'}
});
在文档页面上有data属性,但是我在已安装的软件包中检查了MdDialogConfig
/**
* Configuration for opening a modal dialog with the MdDialog service.
*/
export declare class MdDialogConfig {
viewContainerRef?: ViewContainerRef;
/** The ARIA role of the dialog element. */
role?: DialogRole;
/** Whether the user can use escape or clicking outside to close a modal. */
disableClose?: boolean;
/** Width of the dialog. */
width?: string;
/** Height of the dialog. */
height?: string;
/** …我正在转换库(ng-app-state)以使用angular cli,现在v6支持库(yay!).
在一些代码中进行脚手架和复制之后,这是我的第一个问题:
我如何/在哪里添加第三方依赖项？
到package.json,或到projects/ng-app-state/package.json？
我是git的新手.我有一个名为BranchA的分支来自主人.我在BranchA中有一些更改(我不会将更改从BranchA合并到master)现在我已经从名为BranchB的主服务器创建了另一个分支.我想要从BranchA到BranchB 的更改.
谁能帮助我如何实现这一目标？
谢谢
好吧,说JSON解析字符串UTC日期如下:
2012-11-29 17:00:34 UTC
现在,如果我想将此UTC日期转换为当地时间,我该怎么做？
如何将其格式化为其他类似的东西yyyy-MM-dd HH:mm:ss z？
这date.toString('yyyy-MM-dd HH:mm:ss z');永远不会成功:/
我正在将我当前的项目升级到Webpack2,之前它正在使用Webpack1.我已经看了几个关于升级的教程,总的来说,我明白了.
但是,我一直遇到的问题是,我不确定何时在指定模块规则(加载器)时使用'use'和'loader'.起初,我想use更换了loader.我理解这种语法:
module: {
rules: [{
test: /\.scss$/,
use: [
{
loader: 'postcss-loader',
options: {
plugins: ...
}
},
'sass-loader'
]
}]
}
然而,当我使用ExtractTextPlugin它时它似乎并不喜欢当它被认为是一个use.我试过这个:
{
test: /\.scss$/,
use: [
{
loader: ExtractTextPlugin.extract({
fallbackLoader: 'style-loader',
loader: scssLoaders
})
}]
},
与scssLoaders存在:
var scssLoaders = [
{
loader: 'css-loader',
options: {
modules: true,
importLoaders: '2',
localIdentName: '[name]__[local]__[hash:base64:5]'
}
},
{
loader: 'postcss-loader'
},
{
loader: 'sass-loader',
options: { …我需要将数字转换为单词,所以:
这些数字是在一个循环中产生的,它应输出一群不同的类名等的one-third或one-half:
$number = 3;
@for $i from 1 through $number-1 {
// some calculations to output those classes: ".one-third", ".two-thirds"
// The following currently outputs class names like ".1-3" and ".2-3"
.#{$i}-#{$number} {
// CSS styles
}
}
我想我需要使用两个不同的关联数组,在PHP中(仅作为示例)可能看起来像:
$1 = array(
"1"=>"one",
"2"=>"two",
"3"=>"three"
);
$2 = array(
"1"=>"whole",
"2"=>"half",
"3"=>"third"
);
是否可以在SASS/SCSS中创建关联数组或是否有任何解决方法？
为了更深入地了解Angular 2,我希望有人能够对组件,指令及其容器和视图的底层结构进行深入的解释/教程.
根据文档:
组件的容器可以包含两种视图.通过createComponent实例化组件创建的主机视图和通过createEmbeddedView实例化嵌入式模板创建的嵌入式视图.视图容器在包含视图中的位置由Anchor元素指定.每个视图容器只能有一个锚元素,每个锚元素只能有一个视图容器.附加到此容器的视图的根元素将成为"渲染视图"中"锚点元素"的兄弟元素.
这留下了许多未解决的问题,例如:
一个主机视图指的是组件驻留在元件和嵌入式视图指的是组件的模板本身？
在手动创建(通过createComponent)以及通过另一个托管组件(父级)以声明方式创建时,这两种情况都是如此吗？
指令也是如此,它没有模板(因此没有视图)？以及如何在Shadow dom环境(浏览器实际上支持组件主机)和模拟环境中如何工作？
Angular2确实做了很多魔术,并且为了成为一名专家,我希望更好地理解(可能通过可视化图表)整个关系:ViewContainerRef,主机视图,模板,嵌入式模板,ViewChild,ViewContainer及其层次结构组件和指令.
我认为自己非常精通Angular2(已经完成了2个大型项目)但仍然觉得我对下划线内部工作的理解存在漏洞.
当然你不需要知道汽车是如何驾驶汽车的,但如果你这样做,你会更好地处理它,
一如既往地谢谢,
肖恩
我想按需加载CSS文件(通过例如运行XML HTTP请求,返回要加载的CSS文件),例如style1.css,style2.css ..
那么jQuery(或插件)有没有这种方法呢？
这个想法是:加载htmlvia xmlhttp,加载+添加所需的 css文件,然后 - 在完成任何事情后,显示它html.
任何的想法？
感谢名单!
我处在一个尴尬的境地,
我使用纯JavaScript已经有近3年了,我知道JavaScript是单线程语言,你可以使用setInterval和setTimeout函数来模拟异步执行,
但当我想到他们如何工作时,我无法清楚地理解它.那么这些函数如何影响执行上下文？
我想在特定时间内只运行代码的一部分,然后切换到另一部分.如果是这样,那么很多setInterval或者setTimeout
电话会影响性能吗？
我正在尝试实现Material2数据表.但我无法理解如何以正确的方式使用它.
import {Component, ElementRef, ViewChild} from '@angular/core';
import {DataSource} from '@angular/cdk';
import {BehaviorSubject} from 'rxjs/BehaviorSubject';
import {Observable} from 'rxjs/Observable';
import 'rxjs/add/operator/startWith';
import 'rxjs/add/observable/merge';
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/debounceTime';
import 'rxjs/add/operator/distinctUntilChanged';
import 'rxjs/add/observable/fromEvent';
@Component({
selector: 'table-filtering-example',
styleUrls: ['table-filtering-example.css'],
templateUrl: 'table-filtering-example.html',
})
export class TableFilteringExample {
displayedColumns = ['userId', 'userName', 'progress', 'color'];
exampleDatabase = new ExampleDatabase();
dataSource: ExampleDataSource | null;
@ViewChild('filter') filter: ElementRef;
ngOnInit() {
this.dataSource = new ExampleDataSource(this.exampleDatabase);
Observable.fromEvent(this.filter.nativeElement, 'keyup')
.debounceTime(150)
.distinctUntilChanged()
.subscribe(() => {
if (!this.dataSource) { return; } …