Tag: angular

AngularJS资源承诺: 我有一个简单的控制器使用$资源： var Regions = $resource('mocks/regions.json'); $scope.regions = Regions.query(); 我在一个指令中使用这个控制器（在链接函数中） var regions = scope.regions; 但地区是不确定的。这是相当逻辑的调用是asynchronous的。我的问题是我怎么能等待结果和地区是一个数组与所有数据？ UPDATE : 这里指令的定义 app.directive('ngMap', function() { return { restrict: 'EA', replace: 'true', scope: { }, template: '<div id="map"></div>', controller: 'AccordMapCtrl', link: function(scope, element, attrs) { var regions = scope.regions; console.log(regions); for (var region in regions) {} }; });

Angular窗口resize事件: 我想根据窗口重新大小事件（加载和dynamic）执行一些任务。目前我有我的DOM如下： <div id="Harbour"> <div id="Port" (window:resize)="onResize($event)" > <router-outlet></router-outlet> </div> </div> 事件正确地触发 export class AppComponent { onResize(event) { console.log(event); } } 如何从这个事件对象中检索宽度和高度？谢谢。

结合AngularJS和Twitter Bootstrap的最佳方式: 我想结合AngularJS和Twitter Bootstrap到一个新鲜的networking应用程序。看起来好像AngularJS指令是为Bootstrap编写的。但仔细一看，这些指令似乎并没有涵盖所有Bootstrap。我可以将AngularUI Bootstrap代码和原始Bootstrap结合起来以获得完整性吗？首先能做到吗？我偶然发现了另一个名为AngularStrap的 Angular项目。我可以结合所有三个？结合AngularJS和Twitter Bootstrap获得完整性的最佳方式是什么？

Angular2表单 – 提交button被禁用？: 提交button应该被禁用，直到表单有效？最佳实践？ angular2是否具有可用于提交button的ng-disabled？（ng-disabled对我不起作用。）

file upload在Angular 2中？: 我知道这是一个普遍的问题，但我没有上传Angular 2中的文件。我试过了 1） http://valor-software.com/ng2-file-upload/和 2） http://ng2-uploader.com/home …但失败了有没有人上传Angular 2的文件？你用什么方法？怎么做？如果提供任何示例代码或演示链接，将非常感激。谢谢。

何时在TypeScript / Angular2中使用接口和模型: 我最近用TypeScript观看了Angular 2的教程，但不确定何时使用接口以及何时使用模型来保存数据结构。接口的例子： export interface IProduct { ProductNumber: number; ProductName: string; ProductDescription: string; } 型号示例： export class Product { constructor( public ProductNumber: number, public ProductName: string, public ProductDescription: string ){} } 我想从URL加载JSON数据并绑定到接口/模型。有时我想要一个单一的数据对象，其他时间我想要保存和对象的数组。我应该使用哪一个，为什么？

rxjs / Subject.d.ts错误：Class'Subject <T>'错误地扩展了基类'Observable <T>': 我从https://github.com/gopinav/Angular-2-Tutorials中提取了示例模板代码，并采取以下两个步骤开始 – npm install // worked fine and created node_modules folder with all dependencies npm start失败，下面的错误 – node_modules / rxjs / Subject.d.ts（16,22）：错误TS2415：“主题”类错误地扩展了基类“可观察”。财产“升降机”的types是不相容的。 types'（operator：Operator）=> Observable'不可赋值键入'（operator：Operator）=> Observable'。 types“Observable”不可分配给“Observable”types。 types“T”不可分配给“R”types。 npm ERR！代码ELIFECYCLE npm ERR！ errno 2 我看到在subject.d.ts电梯宣言如下 – lift<T, R>(operator: Operator<T, R>): Observable<T>; 在Observable.ts中定义如下 – lift<R>(operator: Operator<T, R>): Observable<R> { 注意：1。我是Angular2的新手，想要掌握一些东西。这个错误可能是由于lift方法的不兼容定义造成的我通过https://github.com/Microsoft/TypeScript/issues/2073阅读如果我需要安装一些不同版本的rxjs，那么请告诉如何卸载并安装正确的rxjs。编辑1：我可能在这里回应有点晚，但即使使用打字机2.3.4或rxjs […]

如何在Angular 2中设置iframe src而不会导致`unsafe value`exception？: 我是Angular 2的新手，没有AngularJS的经验，并且在设置iframe src属性的教程上工作： <iframe width="100%" height="300" src="{{video.url}}"></iframe> 这引发了一个exception： Error: unsafe value used in a resource URL context at DomSanitizationServiceImpl.sanitize… 我已经尝试使用绑定与[src]没有成功。我可能错过了一些东西，我很难find解决办法。

angular-cli其中是webpack.config.js文件 – 新的2017年2月：ngpopup: 更新：2017年2月：使用popup 更新：2016年11月：angular-cli现在只使用webpack。你只需要用npm install -g angular-cli来安装。 “我们改变了beta.10和beta.14之间的构build系统，从SystemJS到Webpack”，但实际上我使用angular-cli来冷却结构和文件夹，然后再使用webpackconfiguration 我已经安装了angular度cli： npm install -g angular-cli@webpack 当我使用angular1和web pack的时候，我用来修改“webpack.config.js”文件来执行所有的任务和插件，但是我没有看到用angular-cli创build的这个项目是谁工作的。这是魔法？我看到Webpack正在工作，当我这样做： ng serve "Version: webpack 2.1.0-beta.18" 但我不明白angular度cliconfiguration工作的方式…