Tag: angular

将数据传递给mdDialog: 主列表页面有编辑button。其中打开了编辑行的细节。方式1：现在，如果我设置“ctrl.parent.q_details.client_location”，它绑定到父控制器，它作为双向绑定，并自动更改值在编辑框更改，这是不是要求在这里。这里我只想在inputbox中显示和允许编辑值。不想在父控制器中更改。 ►以下是父控制器中调用mdDialog的代码 $mdDialog.show({ locals:{parent: $scope}, clickOutsideToClose: true, controllerAs: 'ctrl', templateUrl: 'quotation/edit/',//+edit_id, controller: function () { this.parent = $scope; }, }); ►以下是popup的mdDialog的代码。 <md-dialog aria-label=""> <div ng-app="inputBasicDemo" ng-controller="deliverController" layout="column"> <form name="" class="internal_note_cont"> <md-content class="md-padding"> <md-input-container class="md-input-has-value" flex> <label>Client Name</label> <input ng-model="qe.client_name" required > </md-input-container> <md-input-container flex> <label>Client Location</label> <input required ng-model="ctrl.parent.q_details.client_location"> </md-input-container> </md-content> […]

在Angular 2中dynamic加载外部js脚本: 我有这个模块将外部库与其他逻辑组件在一起，而不需要将<script>标签直接添加到index.html中： import '../../../path/file.html' //import '../js/file.js' @Component({ selector: 'my-app', template: ` <script src="http://iknow.com/this/does/not/work/either/file.js"></script> <div>Template</div>` }) export class MyAppComponent {…} 我注意到ES6规范的import是静态的，并且在TypeScript转译期间而不是在运行时被解决。无论如何，使其可configuration，所以file.js将从CDN或本地文件夹加载？如何让Angular 2dynamic加载脚本？

Angular2使用ngIf没有额外的元素: 如果没有额外的容器元素，我可以使用ngIf吗？ <tr *ngFor="…"> <div *ngIf="…"> … </div> <div *ngIf="!…"> … </div> .. </tr> 当我添加div时，它不适用于表格。

避免Angular2button点击系统地提交表单: 好的，也许这不清楚。获取此表单： <form (ngSubmit)="submit()" #crisisForm="ngForm"> <input type="text" name="name" [(ngModel)]="crisis.name"> <button type="submit">Submit</button> <button type="button" (click)="preview()">Preview</button> <button type="reset" (click)="reset()">Reset</button> </form> 为什么所有button都会触发submit()函数？而如何避免呢？

如何处理angular-ui-router解决scheme中的错误: 我正在使用angular-ui-router的resolve ，在移到状态之前从服务器获取数据。有时对服务器的请求失败，我需要通知用户有关失败。如果我从控制器调用服务器，那么我可以把呼叫我的通知服务，在呼叫失败的情况下。我打电话给服务器resolve因为我希望后代状态等待来自服务器的结果，才开始。哪里可以捕捉错误的情况下，呼叫服务器失败？（我已阅读文档，但仍不确定如何。此外，我正在寻找一个理由来尝试这个新的片段工具:)。 "use strict"; angular.module('MyApp', ["ui.router"]).config([ "$stateProvider", "$urlRouterProvider", function ($stateProvider, $urlRouterProvider) { $urlRouterProvider.otherwise("/item"); $stateProvider .state("list", { url: "/item", template: '<div>{{listvm}}</div>' + '<a ui-sref="list.detail({id:8})">go to child state and trigger resolve</a>' + '<ui-view />', controller: ["$scope", "$state", function($scope, $state){ $scope.listvm = { state: $state.current.name }; }] }) .state("list.detail", { url: "/{id}", template: […]

@angular度/平台浏览器与@angular度/平台浏览器dynamic: 在较新的例子（种子，angular.io，..）中，引导进程有另一个导入： @angular/platform-browser-dynamic 。有人可以解释，它和@angular/platform-browser之间有什么区别？目前还没有官方的angular.io网站上的信息。

属性'的'types不存在'Observabletypes: 我最近在我的身份validation令牌上使用了observable Observable.of('token'); 但它不断给我上面提到的错误，虽然我已经导入了这个。 import {Observable} from 'rxjs/Observable';

如何在angular材料中水平alignment单选button？: 我期待一个内置的指令或标签，但可能不符合他们的文档。这是例子。 <div class="radioButtondemoBasicUsage" ng-app="MyApp"> <form ng-submit="submit()" ng-controller="AppCtrl"> <p>Selected Value: <span class="radioValue">{{ data.group1 }}</span> </p> <md-radio-group ng-model="data.group1"> <md-radio-button value="Apple" class="md-primary">Apple</md-radio-button> <md-radio-button value="Banana"> Banana </md-radio-button> <md-radio-button value="Mango">Mango</md-radio-button> </md-radio-group>

运行ng serve命令时，“Port 4200已经在使用”: 我正在学习angular 2，并且第一次使用angular CLI项目来创build一个沙箱项目。我能够运行“ng服务”命令，它工作得很好。我想阻止它运行，所以我跑了“控制Z”。当我试图再次运行“ng-serve”命令时，它给了我“端口4200已经在使用”。我运行“PS”得到PID的列表，并为angular-cli杀死了PID，并再次运行“ng-serve”，但仍然给出了相同的端口使用错误。

数据网格Angular 2: 如果性能是一个问题，应该为Angular 2项目使用什么数据网格？我一直在使用ng-table作为Angular 1，但是我不确定在Angular 2的性能上哪个更好。