相关疑难解决方法(0)

如何在Angular中使用jQuery?

谁能告诉我,如何使用jQuery的

class MyComponent {
    constructor() {
        // how to query the DOM element from here?
    }
}
Run Code Online (Sandbox Code Playgroud)

我知道有一些变通方法可以预先操作DOM元素的id,但是我希望有一种更简洁的方法.

jquery angular

321
推荐指数
16
解决办法
36万
查看次数

如何在每个组件完成加载后在Angular 2中运行jquery函数

我已经尝试了所有生命周期钩子但无法完成所需的结果.我需要的结果是在加载这些元素(组件)中的每一个之后触发一个函数,该函数初始化用于单个页面上的不同元素的许多jquery插件.

所以我们说你有这种结构.

主页滑块小部件产品旋转器..等等

这些元素中的每一个都有自己的组件,并且都是主页父组件的子组件.

我需要的是知道所有子组件和父组件何时被加载,所以我触发一个jquery函数来初始化页面上的每个插件.

jquery components onload document-ready angular

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

每次模型在角度2变化时如何调用函数?

我有一个自定义选择组件,当你点击一个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)

angular

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

标签 统计

angular ×3

jquery ×2

components ×1

document-ready ×1

onload ×1