小编Sci*_*ion的帖子

Angular2 rc.6在组件中使用管道

在我以前在我的组件中执行的rc.5中:

private myCustomPipe = new CustomPipe()
this.myCustomPipe.transform(...)
Run Code Online (Sandbox Code Playgroud)

但是,由于我确实迁移了应用程序,因此我在新的CustomPipe()上出现错误(我确实将注入从我的组件移动到我的模块的声明).

在app.module.ts中:

@NgModule({
    declarations: [CustomPipe],
    imports: [
        BrowserModule,
        FormsModule,
        HttpModule
    ],
    bootstrap: [AppComponent],
})
export class AppModule {}
Run Code Online (Sandbox Code Playgroud)

任何想法如何在Rc.6中实现这一点?

typescript angular

2
推荐指数
1
解决办法
1272
查看次数

Angular2选择一个带有ngIf的元素

这是我的HTML:

<div id="foo" (mouseover)="blah()" *ngIf="isDisplayed"></div>
Run Code Online (Sandbox Code Playgroud)

我的js:

isDisplayed: boolean = false
blah() {
  this.isDisplayed = true
  console.log(document.getElementById('foo'))
}
Run Code Online (Sandbox Code Playgroud)

但是,我的console.log确实打印为null.如果我添加一个setTimeout围绕console.log,它的工作原理但这是哈克,并会在几个事件将是比赛中的一个烂摊子.我的意思是,我确实getElementById在模板ngIf更新之前运行了.我怎么能确定模板在运行时更新了console.log

angular

2
推荐指数
1
解决办法
1226
查看次数

Angular4如何知道何时重置ViewChild

这是模板main.html

<button (click)="displayAndUseMyCustomComp()"></button>
<my-custom-comp *ngIf="isMyCustomCompDisplayed" #myCustomComp="myCustomComp"></my-custom-comp>
Run Code Online (Sandbox Code Playgroud)

main.component.ts

export class MainComponent {
  constructor() {}
  private isMyCustomCompDisplayed boolean = false
  @ViewChild('myCustomComp') myCustomComp: MyCustomComp

  displayAndUseMyCustomComp() {
     this.isMyCustomCompDisplayed = true
     console.log(this.myCustomComp) // prints undefined 
     setTimeout(() => {
       console.log(this.myCustomComp) // prints {object}
     })
  }

}
Run Code Online (Sandbox Code Playgroud)

设置isMyCustomCompDisplayed 为之后,我的模板尚未刷新true。不过,如果我使用setTimeoutmyCustomComp更新,并且我的问题就会消失。这是中庸之举,我想知道做我想做的正确方法是什么。

typescript angular

2
推荐指数
1
解决办法
4832
查看次数

如何在 Manifest.json (Android/Ionic) 中设置 minSdkVersion

我确实用以下内容更新了我的 config.xml

<preference name="android-minSdkVersion" value="23" />
Run Code Online (Sandbox Code Playgroud)

但是,当 apk 被创建时(以及带有 的平台ionic cordova platform add android

在 Manifest.json 中,最小版本设置为 16

我的 package.json 中有这个

"cordova-android": "6.4.0"
Run Code Online (Sandbox Code Playgroud)

尽管如此,我认为这无关紧要。

我在这里错过了什么?

android cordova ionic-framework

2
推荐指数
1
解决办法
7888
查看次数

CSS:强制列始终具有完整高度

我有以下html:

<div style="height: 80px">
   ...
</div>
<div class="container-fluid">
  <div class="row">
    <div class="col-xs-2 col1">...</div>
    <div class="col-xs-10 col2">...</div>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

我的col1和my col2目前都有.height: auto;然而,我col2总是比我的大col1.我不希望我col2有一个特定的身高.但是,我希望我的col1身高始终如此高,所以无论高度如何都要匹配col2.

我怎样才能在css/sass中实现这一目标?

html css sass twitter-bootstrap

1
推荐指数
1
解决办法
7432
查看次数

Angular2触发自定义验证器

我已经完成了一个自定义验证器,我将其应用于我的两个输入之一:

<input type="text"
     class="validate"
     [(ngModel)]="foo"
     name="foo"
     ngControl="foo"
     customValidator                                   
     [validatorArg]="blah"
/>

<input type="text"
     class="validate"
     [(ngModel)]="blah"
     name="blah"
/>
Run Code Online (Sandbox Code Playgroud)

customValidator取决于第二个输入.所以我在这里想要的是foo在我修改输入时触发输入上的验证器blah.知道怎么做吗?我可以做到ngModelChange

编辑:我的输入是表单的一部分,FormGroup

input angular

1
推荐指数
1
解决办法
570
查看次数

Angular2:控制粘贴的字符串对应于给定的模式

如何控制输入中的粘贴字符串对应于给定的模式:

<input type="text" (pasted)="myRegex.match($event)">
Run Code Online (Sandbox Code Playgroud)

因为$event是剪贴板事件,所以它不起作用。

angular

1
推荐指数
1
解决办法
1170
查看次数

Unity:场景视图中两个游戏对象之间的距离

我是 Unity 新手,当我创建界面时,我试图找出两个游戏对象之间的距离。我知道如何在 C#/javascript 脚本中执行操作,但是我很难在场景视图中找到此信息。在移动物体时我可以按任何键来查看与其邻居的距离吗?

unity-game-engine

1
推荐指数
1
解决办法
1万
查看次数

CSS:在具有固定宽度的div中将背景应用于全宽

我的页面分为宽度有限的行.(<div class='row'>)我想对每一行应用背景(颜色),但我希望背景不要考虑div的宽度限制,有没有办法实现这一点?

谢谢!

css background

0
推荐指数
1
解决办法
1859
查看次数