草庐IT

ng2-dragula

全部标签

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

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

javascript - 在工具提示中使用 ng-click

我正在使用AngularBootstrapUI,并且我有一个有效的工具提示。HTML:Clickagain!">ClickmetoseethetooltipJavascript:angular.module('helloApp',['ui.bootstrap']).controller('helloCtrl',helloCtrl)functionhelloCtrl(){varvm=this;vm.clickInsideToSeeTheWorld=function(){alert(123)}}当我打开工具提示时,ng-click不起作用。没有出现警报。我的控制台没有收到任何错误。这是因为

javascript - AngularJS 在指令中添加 ng-click

我正在执行拖放指令。在放下时,我将元素的副本添加到我的div并向其附加ng-click属性,如下所示:copy.append('×');例如,在Controller中我有$scope.abc=function(){alert('Hello!');}而且它不起作用。如果我在页面上手动添加此按钮,它会正常工作。 最佳答案 copy.append('×');$compile(copy)($scope); 关于javascript-AngularJS在指令中添加ng-cl

javascript - AngularJS-ng :model - Field is readonly when bound to $q promise?

我试图从AngularJs(1.0.7)中的promise返回单个记录并将结果绑定(bind)到表单。表单正确绑定(bind),但输入字段是只读的-我无法编辑值。如果我改为将记录包装在一个数组中并使用ng:repeat进行迭代,则表单会正确绑定(bind)并且我可以编辑值。我创建了一个plnkr来清楚地展示这个问题:http://embed.plnkr.co/fOWyhVUfekRbKUSRf7ut/preview您可以编辑直接绑定(bind)和列表绑定(bind)的输入字段,但是不能编辑绑定(bind)到单个promise的字段。是否可以将ng:model直接绑定(bind)到从pr

javascript - 使用 ng-describe 与 Protractor 进行端到端测试

我最近发现了一个很棒的ng-describe通过抽象掉您必须记住/查找和编写的所有样板代码以加载、注入(inject)、模拟或监视,使为AngularJS应用程序编写单元测试变得非常透明的包。有人试过将ng-describe与protractor一起使用吗?它有意义吗?我们可以从中受益吗?引起我注意的一件事是您可以轻松地模拟HTTP响应:ngDescribe({inject:'$http',//formakingtestcallshttp:{get:{'/my/url':42,//status200,data42'/my/other/url':[202,42],//status202,

javascript - AngularJS:ng-model 将 int 转换为字符串

我目前正在使用Angular开发一个应用程序。到目前为止,一切都进展顺利。我真的,真的是Angular的新手,我很惊讶第一个真正的障碍花了这么长时间。情况:我有一个对象数组,每个对象都有一个顺序。category.items=[{id:1,order:1,type:{},...},{id:54,order:2,type:{},...},{id:3,order:3,type:{},...}]用户需要能够重新排列这些项目。新订单必须设置为对象属性“order”。在html中,这些对象是这样呈现的:在header-div我有一个输入字段,键入选择。{{$index+1}}changeItem

javascript - Angular2 动态模板或 ng-include

有没有办法在angular2中动态加载模板?在angular1中,我使用ng-include在主ControllerView中加载不同的html模板。我知道angular2只能采用1个templateUrl并在angular2中搜索ng-include并且找不到任何引用。 最佳答案 当您可以将html作为自定义的新组件并在任何需要的地方使用它时,为什么还需要ng-include,这要归功于选择器标签。例如:@Component({selector:'app-my-component',templateUrl:'./my-compon

javascript - Angular 2 ng-bootstrap 模态 : How to pass data to entry component

我正在尝试将数据发送到自定义模式内容组件,以便我可以从任何其他组件调用它而不是重复代码。我是Angular2的新手,并且遵循了ng-boostrap的“组件作为内容”演示以及Angular文档中的“组件交互”,但还没有找到使它工作的方法或这种情况的示例.我可以打开模式,但不能打开动态内容。我尝试了@Input和变量方法,但没有成功。我还向app.module.ts中的提供程序添加了ModalService。这是我对这两种方法都不起作用的方法:page.component.html:页面.component.ts:import{Component}from'@angular/core'i

javascript - Angular : Providing methods to ng-model

我最近开始学习Angular。我想将一个方法传递给ng-model或一个可能计算为1的表达式。在这个fiddle中http://jsfiddle.net/C4aGk/你会看到我已经将该字段硬编码为ng-model="record.inner[0].text"并且它有效,现在问题是,我想替换硬编码零,带有在运行时返回的内容,由标准选择id=1。我的HTML代码:{{record.outer}}{{nested.id}}-{{nested.text}}以及对应的js:functionMainController($scope){$scope.records=[{outer:"Hello",

javascript - AngularJS:在每次按键时使用动态 ng-model 模糊更新输入

jsFiddle演示问题:http://jsfiddle.net/yoxigen/xxTJc/我正在构建一个小表单来编辑一个对象的所有属性。为此,我有一个用于属性的中继器。每个属性都有其输入:{{value}}每次在输入中按下一个键时,它旁边的值都会正确更新,但输入会失去焦点。知道如何解决这个问题吗? 最佳答案 IwishtherewasawaytopostponetheregenerationuntilI'mdoneediting.你也许可以做到这一点。只需制作一个自定义指令即可消除AngularJS事件并改为收听“更改”。以下是