Three div panels:-
1) (div-B) one div with max-width = 500px and min-width=400px should always on 
    the center of all browsers.
2) (div-A) one div should show and hide on the left of (div-B) having min-width 
   = 200px and max-width= 300px;
3) (div-C) one div should show and hide on the right of (div-B) having min-width 
   = 200px and max-width= 300px;

div-A和div-C的show和Hide应该是这样的,它不应该从它的位置移动div-B,但是,它可以达到它的最大宽度和最小宽度.div-B应始终位于所有浏览器的中心.

页面布局: -

Header
<--Left button here                                       right button here-->
to open div-A panel                                       to open div-c panel
(basically …

我正在将 Visual Studio 代码用于 angular2 应用程序。要求是合并文件，因此，我想区分 Netbeans IDE 中发生的两个文件中的更改。是否有任何可用于在 Visual Studio 代码中实现任务的扩展。

例如 - 通过区分如下更改来合并两个文件：-

请提出一些解决方案。

abc.component.ts（位于project1）

abc          <-- text for understanding purpose
def

abc.component.ts（位于project2）

abc

我想区分两个组件文件并在另一个文件中推送更改，就像在 Netbeans IDE 中发生的那样？是否有任何可用于 Visual Studio 代码的解决方案？

我在我的项目中使用angular-cli,当我在下面运行命令时, ng g c componentName那么,

使用一些默认文本创建一个组件,如下面的@Component({})等

component.ts

import { Component } from '@angular/core';

@Component({
  selector: '',        
  templateUrl: '',
  styleUrls: ['']
})

export class component implements OnInit{

constructor(){}

 ngOnInit() {}
}

创建组件时,默认情况下如何创建此文本？

我们可以使用component.ts和component.html(如下所示)中的默认文本为组件生成创建自己的自定义命令吗？

custom.component.ts

       import { Component } from '@angular/core';

        @Component({
          selector: '',         <-----name as provide in command
          templateUrl: '',
          styleUrls: ['']
        })

        export class component implements OnInit{

        constructor(){}
        title = 'Welcome to component ';
         size: 500;
         width: 1000;
         height:500;
    '
    '
    '
         ngOnInit() {
   if (this.data) {
          this.buildChart(this.data);
        } …

<script src="/assets/abc.js?v='+new Date.getTime();" type="text/javascript"></script>

<link href="/assets/cder.css?v='+new Date.getTime();"  rel="stylesheet"></link>

或者，

var myVariable = Math.floor(Math.random() * 999999999999);
<script src="/assets/abc.js?v='+myVariable ;" type="text/javascript"></script>

<link href="/assets/cder.css?v='+new Date.getTime();"  rel="stylesheet"></link>

我已经尝试过如下，但是 script is not loading on network tab.

<script type="text/javascript>
    var script = document.createElement('script');
    script.setAttribute('src', '/assets/abc.js?v=' + new Date.getTime());
    var head1 = document.getElementsByTagName("head")[0];
    head1.appendChild(script);
</script>

我正在尝试根据当前时间或某个动态变量在脚本标记和样式表中添加动态版本（变量）？

如果可能，请帮助我提供最短且有效的解决方案。

如何做到这一点？

我试图动态地创建带有tickMark的圆形复选框，该复选框被附加到id="demo"调用get(data)方法的两个按钮的onclick上。

问题是，当两个按钮同时调用时，复选框未获得刻度，并导致getdata(idD + '_chckBox')两次或多次调用 方法，如console.log所示。

但是，我正在使用 e.preventDefault(); e.stopPropagation();。

这是什么问题，它 getdata(idD + '_chckBox')被称为两次或多次，并且roundcheckbox没有被选中？

我正在尝试切换复选框并显示刻度线。如果有更好的方法可以实现，也欢迎您。

在处于for循环的动态html中，绑定onclick和onscroll方法的最佳和最简便的方法是什么，以便可以在调用方法onclick中将对象作为参数传递。

index.html

   

     var data0 = [{
            "title": "a"
          },
          {
            "title": "b"
          },
          {
            "title": "c"
          },
          {
            "title": "d"
          },
        ];
        var data1 = [{
            "title": "ads"
          },
          {
            "title": "bd"
          },
          {
            "title": "fc"
          },
          {
            "title": "dg"
          },
        ];
    
     var html = "<div id='parent'   ' + 'onscroll="loadMoreContent(event)" ></div>";
     $(html ).appendTo('body');
        $(document).on('click', '#btn11', …

因为我更新到angular7,我收到错误？

的package.json

"dependencies": {
            "@angular/animations": "^7.0.3",
            "@angular/common": "^7.0.3",
            "@angular/compiler": "^7.0.3",
            "@angular/core": "^7.0.3",
            "@angular/forms": "^7.0.3",
            "@angular/http": "^7.0.3",
            "@angular/platform-browser": "^7.0.3",
            "@angular/platform-browser-dynamic": "^7.0.3",
            "@angular/platform-server": "^7.0.3",
            "@angular/router": "^7.0.3",
            "@ng-bootstrap/ng-bootstrap": "^1.0.0-beta.9",
            "@types/lodash": "^4.14.116",
            "bootstrap": "^4.1.3",
            "core-js": "^2.5.7",
            "font-awesome": "^4.7.0",
            "hammerjs": "^2.0.8",
            "ng-connection-service": "^1.0.4",
            "ngx-perfect-scrollbar": "^6.3.1",
            "ngx-toastr": "^9.1.0",
            "ngx-ui-switch": "^1.6.0",
            "rxjs": "^6.3.3",
            "rxjs-compat": "^6.3.3",
            "web-animations-js": "2.3.1",
            "zone.js": "^0.8.26"
        },
        "devDependencies": {
            "@angular-devkit/build-angular": "^0.10.5",
            "@angular/cdk": "^6.4.7",
            "@angular/cli": "^7.0.5",
            "@angular/compiler-cli": "^7.0.3",
            "@angular/language-service": "^7.0.3",
            "@angular/material": "^6.4.7",
            "@types/jasmine": "^2.8.11",
            "@types/jasminewd2": "~2.0.2",
            "@types/node": "^10.12.6",
            "codelyzer": "^4.5.0",
            "jasmine-core": "^3.3.0",
            "jasmine-spec-reporter": "^4.2.1",
            "karma": …