草庐IT

angular-ui-modal

全部标签

javascript - 使用绑定(bind)将 Angular 组件编译为 HTML

我需要为我的map标记气球正文提供一个可靠的HTML字符串。我想让气球成为一个Angular组件,并使用绑定(bind)和内置指令(*ngFor、*ngIf等)。所以我正在寻找一种方法来评估组件模板中的所有绑定(bind)并将结果编译为字符串...如何实现这个或者如果这个方法是非Angular——推荐的模式是什么?//Componentimport{Component}from'@angular2/core';import{AnyThing}from'./somewhere/in/my/app/anything.model.ts';@Component({selector:'my-ba

javascript - Angular:如何构建与 ng serve 创建的文件相同的文件

我正在优化我的Angular应用程序并使用webpack-bundle-analyzer检查包的大小。当我运行ngbuild--stats-json时,它会创建bundle.js文件并创建一个webpack-bundle-analyzer解析的json文件。这按预期工作,但是有没有一种方法可以构建Angular应用程序而无需ngbuild执行的优化,即获取与ngserve生成的文件相同的文件。我想要这个是因为我的应用程序非常大,在开发时重新加载它需要15秒。所以我也希望能够检查这些文件。 最佳答案 很遗憾,您不能,因为ngserve

javascript - jQuery UI Resizable 的替代品

有人知道jQueryUI中可调整大小功能的替代jQuery插件吗?我的主要重点是约束边界框(父级)和图像的纵横比。 最佳答案 您可以使用CSS“resize”属性。查看此页面:http://www.css3.info/preview/resize/ 关于javascript-jQueryUIResizable的替代品,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/1210802/

javascript - 在 backbone.js 中使用 jQuery UI 拖放

我的Backbone应用程序的一个功能涉及将类型A的模型与类型B的模型相关联,这是通过将ViewA拖到ViewB上来完成的。在B的View类中,我监听放置事件并从中获取DOM元素ViewA,但没有关于模型A的信息。检索这些信息的最佳方式是什么?到目前为止我最好的猜测是让模型A在应用程序的命名空间中保存对自身的引用,如果拖放处理程序尚未这样做,则在拖动结束时删除此引用在ViewA上触发一个事件,将对模型B的引用与事件一起传递,然后让模型A调用模型B的方法...将模型A存储为ViewA的$.data属性但所有这些方法似乎都令人费解/不够优雅。 最佳答案

javascript - Angular UI Router - 嵌套路由不适用于具有嵌套状态的模板

这是我的代码:.state('profile',{url:'/profile',templateUrl:'views/user.html',controller:'UserCtrl'}).state('profile.forgot',{url:'/delivers',templateUrl:'views/user_forgot.html',Forgotyourpasword?当我点击链接时,在ui-view中出现了父状态的模板和Controller。AngularJS版本为1.2.0-rc.2 最佳答案 嵌套状态将在其父模板的ui-

javascript - 将 Angular 创建的元素与 D3 集成的最简单方法

在学习这两种框架的背景下,我正在尝试不同的方式来集成D3和Angular,并希望得到一些意见:我的客户端应用程序从我的服务器接收一个JSON节点数组和一个边数组。客户端的核心组件是作为D3力导向布局实现的图形可视化:对于节点数组中的每个节点,将一个(SVG)圆元素添加到此可视化中,并为这些圆之间的每条边添加线边缘数组。当然,D3的selection.data()使得添加这些元素并将每个元素绑定(bind)到它所代表的数据变得微不足道,但是图形可视化只是更大应用程序的一部分:我需要在应用程序的不同部分(与D3无关)创建代表这些相同节点和边缘的不同类型的元素,我希望将所有这些元素绑定(bi

javascript - 如何在 Angular 中获取更详细的错误信息?

我在Chrome中只收到此错误文本。没有任何附加信息:这是什么意思?发生了什么?有没有办法让Angular或Chrome显示更详细的错误信息?这是我的app.js文件。没有其他内容:'usestrict';//Declareapplevelmodulewhichdependsonfilters,andservicesvarvsApp=angular.module('vsApp',['ngRoute','vsApp.filters','vsApp.services','vsApp.directives','vsApp.controllers']);vsApp.config(["$rout

javascript - 以 Angular 在数组之间添加和删除项目

这个问题在这里已经有了答案:HowcanIremoveaspecificitemfromanarray?(141个回答)关闭8年前。如何使用Angular数组在两个数组之间添加和删除元素?我有$scope.results和$scope.list结果数组是调用WebAPI的结果,我允许用户选择他们想要的元素添加到第二个数组。我如何从第一个添加到第二个并同时从第一个删除?angular.forEach($scope.results,function(item){if(item.selected){$scope.list.push(item);//CODETOREMOVEitemfrom$s

javascript - 当没有编写 api 时,如何模拟 Angular2 中的 http observable

我是Angular2和Rxjs的新手,我对一个特定案例有点困惑。我有一个简单的服务:import{Injectable}from'@angular/core';import{Observable,Subject}from'rxjs/Rx';import{Http,Response}from'@angular/http';exportinterfaceArticle{id:number;title:string;content:string;author:string;}@Injectable()exportclassArticleService{private_articles$:Su

javascript - 工作人员在 Chrome 中阻塞 UI 线程

我正在构建一个Web应用程序,它使用EvaporateJS通过分段上传将大文件上传到AmazonS3。我注意到一个问题,每次启动新block时,浏览器都会卡住约2秒。我希望用户能够在上传过程中继续使用我的应用程序,这种卡住会带来糟糕的体验。我使用Chrome的时间轴查看导致此问题的原因,发现是SparkMD5的散列。因此,我将整个上传过程移到了一个Worker中,我认为这可以解决问题。这个问题现在已在Edge和Firefox中修复,但Chrome仍然存在完全相同的问题。这是我的时间轴的截图:如您所见,在卡住期间我的主线程基本上什么都不做,在此期间运行的JavaScript不到8毫秒。所