plunker

Editable HTML, CSS and Javascript within Powerpoint Presentation?

左心房为你撑大大i 提交于 2021-02-18 21:00:47
问题 I was wondering if it was possible to have an editable HTML demo interface (like Plunkr) inside powerpoint for doing educational presentations on HTML, JavaScript, etc. Has anyone done this? Is it possible to embed an iFrame with a link to plunkr or local node server within powerpoint? Cheers, DS 回答1: You can do it now with Powerpoint Online and the 'Web Viewer' Addin 1) Open your presentation on https://onedrive.live.com 2) Add an addin called 'Web Viewer' from MS 3) Insert it to the

无法绑定到“ ngModel”,因为它不是“ input”的已知属性

孤者浪人 提交于 2021-02-13 12:05:43
问题: I've got the following error when launching my Angular app, even if the component is not displayed. 即使未显示组件,启动我的Angular应用程序时也会出现以下错误。 I have to comment out the <input> so that my app works. 我必须注释掉 <input> 这样我的应用才能正常工作。 zone.js:461 Unhandled Promise rejection: Template parse errors: Can't bind to 'ngModel' since it isn't a known property of 'input'. (" <div> <label>Created:</label> <input type="text" [ERROR ->][(ngModel)]="test" placeholder="foo" /> </div> </div>"): InterventionDetails@4:28 ; Zone: <root> ; Task: Promise.then ; Value: I'm looking at the Hero plunker, but I don't see any

无法绑定到“ ngModel”,因为它不是“ input”的已知属性

…衆ロ難τιáo~ 提交于 2020-10-16 08:55:22
问题: I've got the following error when launching my Angular app, even if the component is not displayed. 即使未显示组件,启动我的Angular应用程序时也会出现以下错误。 I have to comment out the <input> so that my app works. 我必须注释掉 <input> 这样我的应用才能正常工作。 zone.js:461 Unhandled Promise rejection: Template parse errors: Can't bind to 'ngModel' since it isn't a known property of 'input'. (" <div> <label>Created:</label> <input type="text" [ERROR ->][(ngModel)]="test" placeholder="foo" /> </div> </div>"): InterventionDetails@4:28 ; Zone: <root> ; Task: Promise.then ; Value: I'm looking at the Hero plunker, but I don't see any

无法绑定到“ ngModel”,因为它不是“ input”的已知属性

我与影子孤独终老i 提交于 2020-04-09 01:00:16
问题: I've got the following error when launching my Angular app, even if the component is not displayed. 即使未显示组件,启动我的Angular应用程序时也会出现以下错误。 I have to comment out the <input> so that my app works. 我必须注释掉 <input> 这样我的应用才能正常工作。 zone.js:461 Unhandled Promise rejection: Template parse errors: Can't bind to 'ngModel' since it isn't a known property of 'input'. (" <div> <label>Created:</label> <input type="text" [ERROR ->][(ngModel)]="test" placeholder="foo" /> </div> </div>"): InterventionDetails@4:28 ; Zone: <root> ; Task: Promise.then ; Value: I'm looking at the Hero plunker, but I don't see any

如何在Angular 2的“选择”中获得新选择?

孤街浪徒 提交于 2020-03-12 11:52:48
我正在使用Angular 2(TypeScript)。 我想为新选择做点什么,但是我在onChange()中得到的始终是最后一个选择。 如何获得新的选择? <select [(ngModel)]="selectedDevice" (change)="onChange($event)"> <option *ngFor="#i of devices">{{i}}</option> </select> onChange($event) { console.log(this.selectedDevice); // I want to do something here for new selectedDevice, but what I // got here is always last selection, not the one I just select. } #1楼 您可以通过选择标记创建一个参考变量传递值回组件 #device 并将其传递到更改处理 onChange($event, device.value) 应该具有新的价值 <select [(ng-model)]="selectedDevice" #device (change)="onChange($event, device.value)"> <option *ng-for="#i of devices">{{i}}<

Polymer 1.x: How to use dataSource function to filter iron-data-table?

强颜欢笑 提交于 2020-01-07 05:43:09
问题 Here is the Plunk. I want to implement the dataSource filtering function for <iron-data-table as described in the accepted answer to this SO question. My problem is the docs here do not give an example of how to accomplish this. Eventually, I will want to have a complex set of filters (think: control panel ) on a large data set of items. I have tried copying the approach employed by dom-repeat described in the docs here but without success. http://plnkr.co/edit/cGykY65HWnK4pIQ0qx8O?p=preview

Polymer 1.x: paper-dialog modal appears behind app-header-layout

纵饮孤独 提交于 2019-12-24 02:07:19
问题 I want to put a sub-element (child) inside an app-header-layout . The sub-element contains a paper-dialog modal . When I open the modal I expect to see the dialog box appear in front of the backdrop. Instead, the dialog appears behind the backdrop. How do I get the modal dialog to appear in front of the backdrop? Or is this perhaps a newly discovered bug in the app-drawer-layout or app-header-layout elements? Here is the plunk. ... http://plnkr.co/edit/ZjPHGqkt8vvDbFdF4CNn?p=preview index

Is there a way to get TypeScript to transpile in Plunkr on the client side?

我怕爱的太早我们不能终老 提交于 2019-12-23 16:05:23
问题 For my team, we're between projects, but I'm performing some basic research on TypeScript and how to use Angular 1.x with it, considering that Angular 2 is still being baked. I usually use Plunkr to make small-scale prototypes so that we can see how something works and mess with it in-situ during tech demos and stuff. The problem, though, is I tried to make a very basic Angular 1.x + TS setup in this plunker, but have been running into issues getting it to work properly. I think some of the

unable to view plunker results

£可爱£侵袭症+ 提交于 2019-12-23 09:25:40
问题 Suddenly, some of my plunkers are giving the following error when I try to run since last 4 days. { "statusCode": 404, "error": "Not Found" } Please refer one of my plunker http://plnkr.co/edit/wWJx3zU3Sm1cN9ZCtvoh?p=preview, earlier it is used to run fine but now when I try to run this plunker it is giving me the above error. What is the resolution for this? 来源: https://stackoverflow.com/questions/28690391/unable-to-view-plunker-results

Need help in creating network graph using visjs in angularjs

旧巷老猫 提交于 2019-12-22 10:06:34
问题 I need help in making this plunker work something similar to this vis example in angularjs. I am using <vis-network data="data" options="options"></vis-network> tag and below data and options data var nodes = [ {id: 1, label: 'Node 1'}, {id: 2, label: 'Node 2'}, {id: 3, label: 'Node 3'}, {id: 4, label: 'Node 4'}, {id: 5, label: 'Node 5'} ]; var edges = [ {from: 1, to: 3}, {from: 1, to: 2}, {from: 2, to: 4}, {from: 2, to: 5} ]; $scope.data = VisDataSet({ nodes: nodes, edges: edges }); options