Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/446.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
Javascript 获取“从角度2选择”中的所有选项_Javascript_Angular_Typescript - Fatal编程技术网

Javascript 获取“从角度2选择”中的所有选项

Javascript 获取“从角度2选择”中的所有选项,javascript,angular,typescript,Javascript,Angular,Typescript,文档中有一个选择,即: <select tabindex="1" size="5" name="abc" multiple> <option value>Select a value.</option> <option value>option 1</option> <option value>option 2</option> <option value>option

文档中有一个选择,即:

<select tabindex="1" size="5" name="abc" multiple>
    <option value>Select a value.</option>
    <option value>option 1</option>
    <option value>option 2</option>
    <option value>option 3</option>
    <option value>option 4</option>
</select>

它仍然不能给我选择。有什么想法吗?

不要直接以角度操作DOM

@Directive({ selector: 'option' })
export class OptionDirective {}
xxx.component.ts

@Component({
  selector: 'some-selector'
})
export class SomeComponent implements AfterContentInit {
  @ContentChildren(OptionDirective) options: QueryList<OptionDirective>;

  ngAfterContentInit() {
    // do something with list items
    // loop through all list of option, then do something you want.
  }
}
@组件({
选择器:“某个选择器”
})
导出类SomeComponent在ContentInit之后实现{
@ContentChildren(OptionDirective)选项:QueryList;
ngAfterContentInit(){
//用列表项做一些事情
//循环浏览所有选项列表,然后执行您想要的操作。
}
}


我接受这个答案作为替代。我已经找到了我的方法不起作用的原因,但我会接受你的意见作为替代。谢谢
window.onload and $(document).ready(...);
@Directive({ selector: 'option' })
export class OptionDirective {}
@Component({
  selector: 'some-selector'
})
export class SomeComponent implements AfterContentInit {
  @ContentChildren(OptionDirective) options: QueryList<OptionDirective>;

  ngAfterContentInit() {
    // do something with list items
    // loop through all list of option, then do something you want.
  }
}