谁能告诉我,如何使用jQuery的有角?
class MyComponent {
constructor() {
// how to query the DOM element from here?
}
}
Run Code Online (Sandbox Code Playgroud)
我知道有一些变通方法可以预先操作DOM元素的类或id,但是我希望有一种更简洁的方法.
我已经尝试了所有生命周期钩子但无法完成所需的结果.我需要的结果是在加载这些元素(组件)中的每一个之后触发一个函数,该函数初始化用于单个页面上的不同元素的许多jquery插件.
所以我们说你有这种结构.
主页滑块小部件产品旋转器..等等
这些元素中的每一个都有自己的组件,并且都是主页父组件的子组件.
我需要的是知道所有子组件和父组件何时被加载,所以我触发一个jquery函数来初始化页面上的每个插件.
我有一个自定义选择组件,当你点击一个li项目时设置模型,但由于我this.modelChange.next(this.model)每次更改模型时手动调用它都是非常混乱和可重复的,我想避免.
所以我的问题是,如果$scope.$watch值发生变化,那么我可以观察到类似的内容,然后在this.modelChange.next(this.model)每次发生时调用.
我一直在阅读Observables但我无法弄清楚这应该如何用于一个简单的值,因为我看到的所有示例都是对外部api的异步请求.
当然必须有一种更简单的方法来实现这一目标吗?
(不是我不能使用,ngModelChanges因为我实际上并没有使用输入).
import {Component, Input, Output, EventEmitter, OnInit, OnChanges} from 'angular2/core';
@Component({
selector: 'form-select',
templateUrl: './app/assets/scripts/modules/form-controls/form-select/form-select.component.html',
styleUrls: ['./app/assets/scripts/modules/form-controls/form-select/form-select.component.css'],
inputs: [
'options',
'callback',
'model',
'label'
]
})
export class FormSelectComponent implements OnInit, OnChanges {
@Input() model: any;
@Output() modelChange: EventEmitter = new EventEmitter();
public isOpen: boolean = false;
ngOnInit() {
if (!this.model) {
this.model = {};
}
for (var option of this.options) {
if (option.model == …Run Code Online (Sandbox Code Playgroud)