谁能告诉我,如何使用jQuery的有角?
class MyComponent {
constructor() {
// how to query the DOM element from here?
}
}
Run Code Online (Sandbox Code Playgroud)
我知道有一些变通方法可以预先操作DOM元素的类或id,但是我希望有一种更简洁的方法.
我的目标是允许用户对命令列表进行排序.我正在使用Angular2/Typescript开发我的应用程序.
所以我四处寻找基于angular2的库,这些库可以提供类似于JQueryUI Sortable的可排序功能,但是找不到多少.
我遇到了这个 SO帖子,它演示了如何将JQuery与angular2集成.使用此帖子的其中一个解决方案中提供的plunk,我可以使用angular2开发一个可排序的行为.看到这个插件.这是按预期工作的.
@Component({
selector: 'my-app',
directives: [SMSortable],
providers: [],
template: `
<div>
<p>This is a list that can be sorted </p>
<div sm-sortable>
<p>Item 1</p>
<p>Item 2</p>
<p>Item 3</p>
</div>
</div>
`
})
export class App {
constructor() {
this.name = 'Angular2'
}
}
Run Code Online (Sandbox Code Playgroud)
我们的想法是定义一个指令,该指令将使用JQueryUI sortable()API将可排序行为应用于本机元素.然后在组件的模板中使用该指令.
@Directive({
selector: "[sm-sortable]"
})
export class SMSortable{
constructor(el: ElementRef) {
jQuery(el.nativeElement).sortable( {
start: function(event, ui) {
console.log("Old position: " + ui.item.index());
},
stop: function(event, ui) {
console.log("New position: …Run Code Online (Sandbox Code Playgroud) 我目前正在使用https://github.com/kekeh/mydatepicker作为我的Angular 2应用程序的日期选择器.我想要一个日期选择器,它只显示角度为2的月份和年份.是否有人知道如何操作.我尝试角度2的Jquery,但没有成功.