Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/28.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Typescript 如何初始化angular2物化组件?_Typescript_Angular_Materialize - Fatal编程技术网

Typescript 如何初始化angular2物化组件?

Typescript 如何初始化angular2物化组件?,typescript,angular,materialize,Typescript,Angular,Materialize,我刚开始使用angular2 materialize,CSS组件运行良好。但是,当我包含一个需要初始化的组件(如select)时,我不知道如何或在何处进行初始化 这是我表格的一个片段: <div class="input-field col s12"> <select> <option value="" disabled selected>Choose your option</option> <opt

我刚开始使用angular2 materialize,CSS组件运行良好。但是,当我包含一个需要初始化的组件(如select)时,我不知道如何或在何处进行初始化

这是我表格的一个片段:

<div class="input-field col s12">
    <select>
        <option value="" disabled selected>Choose your option</option>
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
        <option value="3">Option 3</option>
    </select>
    <label>Materialize Select</label>
</div>

添加属性
materialize=“material\u select”


选择你的选择
选择1
选择2
选择3
物化选择
MaterializeDirective属性指令(materialize)接受任何MaterializeCSS初始化调用以应用于元素。支持的函数列表由ECSS提供。示例:可折叠、leanModal、工具提示、下拉列表、选项卡、材质选择、侧导航等


来源:

大家好!!!这对我很有效:

从'@angular/core'导入{Component,OnInit};
声明var物化:任何//我们声明var Materialize以供使用
@组成部分({
//你的代码
})
导出类MyComponentComponent实现OnInit{
构造函数(){
//你的代码
}
恩戈尼尼特(){
//你的代码
}
ngAfterViewChecked(){//Angular初始化组件视图和子视图后响应。
Materialize.updateTextFields();//在文档和视图a准备就绪时更新de字段
//如果输入为空
}
更新信息(){
//你的代码。。。
Materialize.updateTextFields();//更新字段,
//不需要在视图中添加class=“active”
}

}
@muetzerich是的,谢谢,我在发布问题的那一刻就注意到了自己(很典型):PYes因为您需要其他角度文件,这只是您组件中的一个配置示例,您可以发布代码以帮助您工作!顺便说一句,我注意到你的母语是西班牙语,因为你的名字和“update DE fields”而不是“the”。谢谢你!
import {Component, ElementRef, Inject, OnInit} from '@angular/core';
import {MaterializeDirective} from "angular2-materialize";

declare var jQuery:any;

@Component({
    selector: 'bsi-signup',
    styleUrls: ['assets/styles/app.component.css'],
    templateUrl: 'assets/templates/signup.component.html',
    directives: [MaterializeDirective],
    providers: []
})

export class SignupComponent implements OnInit {
    elementRef: ElementRef;

    constructor(@Inject(ElementRef) elementRef: ElementRef) {
        this.elementRef = elementRef;
}

    ngOnInit() {
        jQuery(this.elementRef.nativeElement).find('select:not([multiple])').material_select();
    }
}
<select materialize="material_select">
    <option value="" disabled selected>Choose your option</option>
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
</select>
<label>Materialize Select</label>