Tag: angular

从服务中获取时，不会更新angular2 fullcalender事件。 HTTP

我在npm install ap-angular2-fullcalendar –save的帮助下使用Angular4中的fullcalendar 。 在组件中硬编码的事件会立即显示在日历中。 但是当我从服务方法即HTTP调用中获取时。 收到事件后，我正在更新日历事件，如 template： {{options | json}}> {{options | json}}> getCalendarOptions() { let calendarOptions = { header: { left: ”, center: ‘title’, right: ‘month,agendaWeek,agendaDay,today,listYear prev,next ‘ }, dayClick: (date, jsEvent, view) => { }, slotDuration: ’00:20:00’, color: ‘#456778’, height: 650, defaultView: ‘agendaDay’, slotLabelFormat: ‘h(:mm)a’, businessHours: { start: ’11:00′, end: ’12:00′, […]

Angular 2使用数据编译动态模板

我正在为jquery网格控件开发类似接口的桥接器。 使用以下语法呈现网格并按预期工作。 … … 在t-column标签内提供渲染模板的支持时，我能够获取数据和jquery元素。 jQuery元素 现在，该按钮显示template文本。 如何动态更改来自gridData的输入元素值。 export class TemplateElement { private context: any; __parent: tComponents; constructor(protected el: ElementRef) { } ngOnInit() { template.render = (self, selector, data, index, prop) => { let templateObject = self.angularTemplate; if (!templateObject || !templateObject[selector]) { templateObject = templateObject || {}; templateObject[selector] = { key: t.getGuid(‘angulartmpl’), itemData: [], views: […]

Angular – 是否可以为一个组件加载jquery插件？

我试图用角度做一切，而不是使用jQuery。 不幸的是，有一个组件需要它。 但是，我只想在该组件上加载jQuery插件.js文件（因此它没有被加载到任何地方……） 我做了以下事情 npm install jquery –save npm install –save-dev @ types / jquery 更新Angular-cli.json> scripts> jQuery.min.js 问题 是否值得在索引文件中加载插件？ 如果没有，如何在一个将要使用它的组件上加载插件文件？ 任何援助将不胜感激。 UPDATE 我已经加载了答案中提到的jQuery插件，但是有一个错误： ‘$（ “＃myCanvas”）注释（选件）;’ [ts]属性’annotate’在’JQuery’类型中不存在。 加载的文件和打字稿文件之间是否存在脱节？ loadAnnotate(): void { const jQueryCdnUrl = `assets/scripts/djaodjin-annotate.js`; const node = document.createElement(‘script’); node.src = jQueryCdnUrl; node.type = ‘text/javascript’; node.async = false; node.charset = ‘utf-8’; document.getElementsByTagName(‘head’)[0].appendChild(node); } loadAnnotateSettings(){ var […]

Angular2：从javascript函数调用组件方法

目前我正在尝试使用jQuery和我的Angular2项目实现bootstrap datepicker。 这是我到目前为止： import {Component, AfterViewInit, Injector, Inject} from ‘@angular/core’; import {ObservableService} from “../../../services/data-observable.service”; declare var $:any; @Component({ selector: ‘date-range’, moduleId: module.id, template: “ }) export class DateRange implements AfterViewInit { options = { locale: { format: ‘YYYY-MM-DD’ }, startDate: ‘2013-01-01’, endDate: ‘2013-12-31’}; constructor(@Inject(Injector) private injector: Injector, @Inject(ObservableService) private _observable: ObservableService) { } ngAfterViewInit() { […]

即使在输入值之后，Angular 2文本框还需要validation消息

我的要求 我需要在输入值后从文本框中隐藏所需的错误消息 我做了什么 我创建了一个表单，用户可以通过单击添加按钮添加动态字段，因为会有文本框，单击该文本框时会显示一个模式，在用户输入后它会有几个字段他们将在模态中按下按钮的模态中具有值的字段将获得值并将其显示在模态页脚内的预标签中，使用jquery从前标签获取文本并将文本应用于文本框字段在按钮上单击模态页脚 问题 即使在使用jquery从pre标签粘贴值之后，仍然会获得错误消息如何摆脱它 这是我的代码供您参考 Please Select a Rule Jquery代码从模态中获取值并在onclick弹出模式时将其应用于同一文本框 var idz, valz; $(document).ready(function () { $(document).delegate(‘#getRuleStr’, ‘click’, function () { console.log(“hey”+idz); $(‘#’+idz).val($(‘#preTag’).text()); }); $(document).delegate(‘.rulez’, ‘click’, function () { idz = this.id; valz = $(‘#’ + idz).val(); console.log(“inn” + valz); $(‘#builder’).queryBuilder(‘reset’); $(‘#resultRule’).addClass(‘hide’).find(‘pre’).empty(); }); }); 请帮我解决这个问题

将AOS库与Angular4应用程序集成

我正在研究Angular 4.4.6应用程序，我想在使用awesome插件AOS滚动时实现一些动画 我的代码： app.component.ts import * as AOS from ‘aos’; @Component({ selector: ‘app-root’, templateUrl: ‘./app.component.html’, styleUrls: [‘./app.component.scss’], encapsulation:ViewEncapsulation.None }) export class AppComponent implements OnInit { ngOnInit(){ AOS.init(); } } app.component.html angulr.cli.json “styles”: [ “../node_modules/aos/dist/aos.css”, “../node_modules/animate.css/animate.min.css”, “styles.scss” ], “scripts”: [ “../node_modules/jquery/dist/jquery.js”, “../node_modules/aos/dist/aos.js” ], 我在这里尝试了答案，没有希望https://stackoverflow.com/a/44808496/4183947 注意：我的控制台中没有错误。

asp.net核心spa模板，语义UI

我无法使用Microsoft.AspNetCore.SpaTemplate进行语义ui。 当我创建一个Angular CLI-App时，它工作正常，但我希望将它打包在一起。 我做了什么： 1）安装SPA模板： dotnet new –install Microsoft.AspNetCore.SpaTemplates :: * 2）创建新项目： dotnet new angular 3）安装所有deps： npm install 4）添加semantic-iu-css： npm i semantic-ui-css –save 5）添加ng2-semantic-ui： npm i ng2-semantic-ui –save 6）将“semantic-ui-css / semantic.css”和“ng2-semantic-ui”添加到webpack.config.vendor.js 7）运行webpack –config webpack.config.vendor.js来重建vendor.js 8）将“eot | woff | woff2 | ttf”添加到webpack.config.js中的URL-Loader 9）在app.module.client.ts中导入‘ng2-semantic-ui’ 当我运行应用程序时，我得到以下exception： 未捕获错误：模块“AppModule”导入的意外值“SuiModule”。 请添加@NgModule注释。 这是我的代码： home.component.ts import { Component } from ‘@angular/core’; import { […]

如何在角度2 rc4中使用jQuery自动完成

我试图在角度2 rc4版本中使用jQuery自动完成，但我收到错误，因为’类型jquery上不存在’属性自动完成’ 我的HTML是： 我的app.component.ts是 heroes:any = [100,200,101]; ngOnInit(): void { jQuery( “#search-input” ).autocomplete({ source: this.heroes }); } 预期的结果应该是当我在输入框中输入1然后100和101应该弹出，我可以使用箭头键移动结果。 我已经安装了JQuery打字机，因为我的其他jQueryfunction很好，我也尝试使用https://www.npmjs.com/package/ang2-autocomplete的解决方案，但我认为它适用于另一个版本的angular rc。 提前致谢。

如何关闭Angular 4中的Accordion中的所有菜单

我是角度4的新手，我在分类，组和子组的结构中有一个手风琴。 如果我点击类别，它会显示其中的所有组，如果我点击了组，则会显示所有子组。 现在一切正常。 我想要做的是如果我再次点击类别，我想关闭之前打开的所有组的手风琴。 在我的情况下，如果我打开了一些组并关闭了手风琴，那么如果我再次打开它会显示我之前打开过的组。 我在stackblitz中复制了我的代码： https ：//stackblitz.com/edit/angular-bootstrap-carousel-dynamic2-ghebrf ？ file = app / app.component.html 任何人都可以帮我解决它。

缩放图片时使鼠标坐标正确

我正在尝试开发脚本，我可以点击图像并获得点击的X / Y. 这部分我实现了，当我尝试缩放图片时出现的问题。 随后点击缩放图片应返回相同的坐标，这就是我未能成功的地方。 clicked(event) { let pos_x = event.offsetX ? (event.offsetX) : event.pageX – document.getElementById(“pointer_div”).offsetLeft; let pos_y = event.offsetY ? (event.offsetY) : event.pageY – document.getElementById(“pointer_div”).offsetTop; let offsetLeft = document.getElementById(“textLayer”).offsetWidth; let offsetTop = document.getElementById(“textLayer”).offsetHeight; console.log(“zoom ” + this.zoom); console.log(“pozycja x ” + event.clientX/this.zoom); console.log(“pozycja y ” + event.clientY/this.zoom); console.log(“szerokosc elementu ” + offsetLeft); console.log(“wysokosc […]