标签: angular6

我正在尝试将项目的角度版本更新为V6.但是我收到以下错误:

$ ng update @angular/cli

收集"@ schematics/angular/migrations/migration-collection.json"无法解析.

的package.json:

"dependencies": {
    "@angular/animations": "^6.0.3",
    "@angular/common": "^6.0.3",
    "@angular/compiler": "^6.0.3",
    "@angular/core": "^6.0.3",
    "@angular/forms": "^6.0.3",
    "@angular/http": "^6.0.3",
    "@angular/platform-browser": "^6.0.3",
    "@angular/platform-browser-dynamic": "^6.0.3",
    "@angular/router": "^6.0.3",
    "core-js": "^2.5.4",
    "rxjs": "^6.0.0",
    "zone.js": "^0.8.26",
    "@angular/cdk": "5.0.0-rc.3",
    "@angular/flex-layout": "^2.0.0-beta.12",
    "@angular/material": "5.0.0-rc.3",
    "angular2-json-schema-form": "^0.7.0-alpha.1",
    "jsoneditor": "^5.14.0"
  },
  "devDependencies": {
    "@angular/compiler-cli": "^6.0.3",
    "@angular-devkit/build-angular": "~0.6.5",
    "typescript": "~2.7.2",
    "@angular/cli": "~6.0.5",
    "@angular/language-service": "^6.0.3",
    "@types/jasmine": "~2.8.6",
    "@types/jasminewd2": "~2.0.3",
    "@types/node": "~8.9.4",
    "codelyzer": "~4.2.1",
    "jasmine-core": "~2.99.1",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~1.7.1",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "~1.4.2",
    "karma-jasmine": "~1.1.1",
    "karma-jasmine-html-reporter": "^0.2.2",
    "protractor": …

我的 angular 6 应用程序中有一个 d3 柱状图，我想在 y 轴上为 y 轴上的每个标签绘制线条。我希望线条是这样的：

我不知道怎么画那些浅灰色的线！

这是我来自 d3 的代码：

createChart() {
const element = this.chartContainer.nativeElement;
this.width = element.offsetWidth - this.margin.left - this.margin.right;
this.height = element.offsetHeight - this.margin.top - this.margin.bottom;
const svg = d3.select(element).append('svg')
  .attr('width', element.offsetWidth)
  .attr('height', element.offsetHeight);

// chart plot area
this.chart = svg.append('g')
  .attr('class', 'bars')
  .attr('transform', `translate(${this.margin.left}, ${this.margin.top})`);

// define X & Y domains
const xDomain = this.data.map(d => d[0]);
const yDomain = [10000, d3.max(this.data, d => d[1])];

// create scales
this.xScale = d3.scaleBand().padding(0.6).domain(xDomain).rangeRound([0, …

在为我的项目实施子路由时，我遇到了以下错误。我在 GitHub 和其他网站上没有找到任何帮助。

错误错误：未捕获（承诺）：SecurityError：无法在“历史”上执行“pushState”：无法在具有“ http://%28routes%29/ ”的文档中创建具有 URL“ http://%28routes%29/ ”的历史状态对象：http: //localhost:4200 ' 和 URL ' http://localhost:4200/ '。错误：无法在“历史”上执行“pushState”：无法在来源为“ http://localhost:4200 ”和 URL的文档中创建URL 为“ http://%28routes%29/ ”的历史状态对象http://localhost:4200/ '.

我已将我的应用程序从 angular 版本 5 更新到最新版本。这是详细信息：

  Angular CLI: 6.2.1
  Node: 8.12.0
  OS: win32 x64
  Angular: 6.1.6

我也使用 这个：ng-toolkit-universal 来实现服务器端渲染。我能够使用命令“ npm run build:prod ”构建应用程序，但在运行命令时面临以下问题：“n pm run server ”：

任何人都可以请帮助或建议一些相同的解决方案。

提前致谢！

我是Angular的初学者，阅读了Angular的文档，很难做到这一点……我希望应用程序中的日期和其他内容具有法语语言环境，而不是默认的“ en-US”。 ..

我开始阅读这份Angular 文档，似乎有些不完整，原因是我做了文档说明，但失败了：

>...\ClientApp>ng serve --configuration=fr
Configuration 'fr' could not be found in project 'ClientApp'.

好的，现在我在日期管道上查看另一个文档页面。它指出：

{{ value_expression | date [ : format [ : timezone [ : locale ] ] ] }}

但是关于如何使用的任何示例locale，因此，我尝试在测试应用程序链接中进行操作，像这样，{{myDate | date: 'medium': undefined : 'fr'}}但是它什么也没显示...我在控制台中有：

ERROR
Error: InvalidPipeArgument: 'Missing locale data for the locale "fr".' for pipe 'DatePipe'

我还应该怎么做或安装以Angular格式显示日期的日期？

Angular CLI: 6.1.5
Node: 8.11.1
OS: win32 x64
Angular: 6.1.8

我有文件控制，我正在使用 jquery 设置数据属性。但是当我提交表单时，我得到了数据属性的空值。

广告.html

<div class="field" align="left">
    <span>
        <h3>Upload your images</h3>
        <input type="file" id="files" data-filedata="" name="files[]"  multiple (change)="preview($event)" />
    </span>
</div>

Jquery代码设置数据属性

$("#files").on("change", function(e) {      
    e.target.setAttribute('data-filedata', 'abc');
})

广告

preview(event) {     
    console.log(event.target.getAttribute('data-filedata'))
}

我在角6.起初，我已经成功地安装创建的项目在该项目中@progress/kendo-angular-dateinputs使用npm install，然后工程顺利建设。

运行ng-serve后出现如下错误：

node_modules/@progress/kendo-angular-dateinputs/dist/es2015/calendar/header.component.d.ts(2,37): error TS2307: Cannot find module '@progress/kendo-angular-l10n'.

node_modules/@progress/kendo-angular-dateinputs/dist/es2015/calendar/header.component.d.ts(3,29): error TS2307: Cannot find module '@progress/kendo-angular-intl'.

当我安装上述控件时，我的项目现在没有构建。以下错误即将到来：

ERROR in node_modules/@progress/kendo-angular- 
dateinputs/dist/es2015/calendar/models/scrollable.interface.d.ts(2,10): 
error 
TS2305: Module '"D:/Nimit/Angular 6 
Samples/Project/node_modules/rxjs/Observable"' has no exported member 
'Observable'.
node_modules/@progress/kendo-angular-dateinputs/dist/es2015/daterange/date- 
range.service.d.ts(1,10): error TS2305: Module '"D:/Nimit/Angular 6 
Samples/Project/node_modules/rxjs/BehaviorSubject"' has no exported member 
'BehaviorSubject'.
node_modules/@progress/kendo-angular-                 
dateinputs/dist/es2015/virtualization/models/scrollable.interface.d.ts
(2,10): error TS2305: Module '"D:/Nimit/Angular 6 
Samples/Project/node_modules/rxjs/Observable"' has no exported member 
'Observable'.
node_modules/@progress/kendo-angular- 
dateinputs/dist/es2015/virtualization/services/scroller.service.d.ts(1,10): 
error TS2305: Module '"D:/Nimit/Angular 6 
Samples/Project/node_modules/rxjs/Observable"' has no exported member 
'Observable'.
node_modules/@progress/kendo-angular- …

我有一个Web服务调用,它返回一个值数组.我想将响应中的一些值存储到数组中.

Component.ts

     this.data.post_data('get/data',this.dataObj,true)
     .subscribe((data:any) => { 
         this.response= data.data;

      });

Web服务响应

    0: {id: 785533, name: "UK ", avg: 0.6154,…}
    1: {id: 785533, name: "Usd ", avg: 0.698,…}
    2: {id: 785533, name: "ff ", avg: 50.61598,…}
    3: {id: 785533, name: "yy ", avg: 80.61198,…}
    4: {id: 785533, name: "nn ", avg: 10.618,…}
    5: {id: 785533, name: "mh ", avg: 0.6154898,…}
    6: {id: 785533, name: "tr ", avg: 70.615482198,…}
    7: {id: 785533, name: "es ", avg: 0.61548,…}

我只需要将'name'和'avg'值保存到数组中.

就像标题中一样，我会将语义UI集成到Angular 6中，以使用非常好的Web控件。

我找到了一个Angular官方的Ng-Book（第32页）的示例，我看到我应该复制并粘贴书库中的一些文件（src / app / vendor /，src / assets / images /和src / styles.css ）。好的，它可以工作，但这是已经构建的应用程序中的特定示例，我想很好地理解一般情况下的制作方法。

因此，我搜索了一些通用的制作方法，不仅使用了本书代码中引用的示例。并且，在官方的语义UI网站上，我看到尚未开发Angular 6特定的集成工具。我发现只有一个非常旧的实现，它被称为Angular1.x。

由于这个原因，我问你：如何正确（手动）将语义UI集成到Angular 6应用程序中，以及如何在代码中调用几个非常简单的自定义控件？这也是一个非常简单的示例，例如一个Semantic-UI文本字段或一个Semantic-UI按钮就足够了。您是否有一个非常简单的教程链接或分步介绍？

非常感谢大家！

我有这个功能：

 windowInfo_(marker, i, data) {
      '<div style="' + this.content_ + '">' +
      '<div>' +
      '<img [src]="' + "'" + this.image + "'" + '"' + ' style="' + this.image_ + '" alt="avatar">' +
      '</div>' +
      '<div style="' + this.details_ + '">' +
      '<div>' +
      '<h5 style="' + this.company_name + '">' + data.company_name + '</h5>' +
      '<i class="fa fa-map-marker" id="' + this.country_city + '">' + data.country + ',' + data.city + '</i>' +
      '</div>' +
      '</div>' +
      '</div>' +
      '<button class="' …