小编Akh*_*mar的帖子

如何在角度中的一个元素上应用多个模板绑定

我正在使用如下模板:

<ul [ngClass]="{dispN: !shwFilter,'list-group':true,'autoS':true,'dispB':shwFilter,'myshddw':true}" style=";display: none">
  <li *ngIf="itsNotF && itsNotF.length" [ngClass]="{bgDFF: !colps[j],'list-group-item':true}" *ngFor="let valm1 of itsNotF;let j=index;" (click)="togFltr(j)" style="padding: 0;background: #fff">
    <div *ngIf="valm1 && valm1.type=='1'">
      <h5 style="padding:8px;margin: 0;">{{valm1['header']}}</h5>
      <p style="margin: 8px;">{{valm1['body']}}</p>
      <h6 style="padding:8px;margin: 0;">{{valm1['note']}}</h6>
    </div>
    <div *ngIf="valm1 && valm1.type=='2'" (click)="modlTxt=valm1;notREadVu(j)" data-toggle="modal" data-target="#myModal">
      <h5 style="padding:8px;margin: 0;">{{valm1['header']}}</h5>
      <h6 style="padding:8px;margin: 0;">{{valm1['note']}}</h6>
    </div>
    <div *ngIf="valm1 && valm1.type=='3'">
      <h5 style="padding:8px;margin: 0;">{{valm1['header']}}</h5>
      <p style="margin: 8px;">{{valm1['body']}}</p>
      <h6 style="padding:8px;margin: 0;">{{valm1['note']}}</h6>
    </div>
  </li>
  <li [ngClass]="{bgDFF: !colps[j],'list-group-item':true,'lgOt':true}" (click)="logout()">
    <span class="title">Log Out <i class="fa fa-sign-out"></i></span>
  </li>
</ul>
Run Code Online (Sandbox Code Playgroud)

所以它给出了以下错误:

EXCEPTION: Template parse …
Run Code Online (Sandbox Code Playgroud)

angular-template angular-directive angular

73
推荐指数
2
解决办法
6万
查看次数

xsd:boolean element type接受"true"但不接受"True".我怎么能让它接受呢?

我正在使用xmllint --schema选项来验证我看起来像这样的XML

<XML>
<Active>True</Active>
</XML>
Run Code Online (Sandbox Code Playgroud)

在我的模式文件中,我有以下描述Active元素的行.

<xsd:element name="Active" type="xs:boolean" />
Run Code Online (Sandbox Code Playgroud)

当我运行xmllint时,我会收到错误消息

/tmp/schema_validation.xml:73:element Active:架构有效性错误:元素'Active':'True'不是原子类型'xs:boolean'的有效值.

当我将XML更改为

<Active>true</Active>
Run Code Online (Sandbox Code Playgroud)

然后错误消息消失.

所以,它看起来像xsd:boolean意味着它全部小写为"true/false"而不是xmllint的"True/False".我的问题是,如何使xmllint接受xsd:boolean类型的"True"?或者我可以使用哪些工具来验证这个XML?此时更改XML或架构不是我的选择.

谢谢!

xml xsd boolean

52
推荐指数
2
解决办法
12万
查看次数

错误TS2554:需要2个参数,但@ViewChild却有1个

我正在使用ViewChild,如下所示:

@ViewChild("InternalMedia") localStream;
@ViewChild("emoji") mEmoji;
Run Code Online (Sandbox Code Playgroud)

一直工作到angular-7.x

我将其升级到angular-8.x后,就开始出现以下错误

.../call_emoji/component.ts(41,4): error TS2554: Expected 2 arguments, but got 1.
Run Code Online (Sandbox Code Playgroud)

我检查了https://angular.io/api/core/ViewChild,并将其更改为

@ViewChild("InternalMedia",{static:false}) remoteStream;
Run Code Online (Sandbox Code Playgroud)

有用。我没有得到什么静态效果,像以前一样工作应该有什么价值?

typescript viewchild angular angular7 angular8

28
推荐指数
2
解决办法
2万
查看次数

使用角度2.0.0-beta.0时,自定义属性会产生解析错误

我正在尝试使用angular2的自定义属性,如下所示

 <a href="javascript:void(0)" title="{{inst.title}}" data-loc="{{inst.actionval}}">
Run Code Online (Sandbox Code Playgroud)

这给了我以下错误

EXCEPTION:模板解析错误:无法绑定到'loc',因为它不是已知的本机属性

angular2-template angular

27
推荐指数
1
解决办法
1万
查看次数

分析器错误:得到插值({{}}),其中表达式是预期的

我使用ng-bootstrap替代angular2中的ui-bootstrap.

我的html如下:

<ul class="list-inline">
    <li class="tag" ngb-dropdown auto-close="outsideClick" 
        *ngFor="let item of ['Elastic Search','Database Theory','CVS'];
        let $index=index;" 
        [ngClass]="{'default-tag': $index==0, 'matched-tag': $index==1, 'unmatched-tag': $index==2 }">
         <a href ngb-dropdown-toggle id="desiredSkill{{$index}}">
             <i class="bi_interface-tick following"></i> {{item}} <i class="bi_interface-more tag-menu-icon"></i>
                            </a>
               <ul class="dropdown-menu tag-menu" ngb-dropdown-menu [aria-labelledby]="desiredSkill{{$index}}">
                     <li><a href>Follow Skill</a></li>
                     <li><a href>Related Jobs</a></li>
                </ul>
     </li>
  </ul>
Run Code Online (Sandbox Code Playgroud)

但是当我运行我的应用程序时,我得到以下错误:

main.browser.ts:25错误:模板解析错误:解析器错误:得到插值({{}})其中表达式在[desiredSkill {{$ index}}]的第12列中的JobDescription @ 174:77("] [咏叹调-labelledby] = "desiredSkill {{$索引}}">

  • "):JobDescription @ 174:77分析器错误:JobDescription @ 174:77中的[desiredSkill {{$ index}}]第13列出现意外的标记'{'("
    ] [aria-labelledby] ="desiredSkill {{$ index }}">
  • "):JobDescription @ 174:77无法绑定到'aria-labelledby',因为它不是'ul'的已知属性.("] [aria-labelledby] ="desiredSkill {{$ index}}">
  • "):JobDescription …
  • angular-ui-bootstrap dropdown angular

    20
    推荐指数
    2
    解决办法
    3万
    查看次数

    为什么webpack以字符串的形式创建输出js并使用eval函数来部署它?

    我的webpack.config.js文件如下:

    var path = require('path');
    var webpack = require('webpack');
    var CommonsChunkPlugin = webpack.optimize.CommonsChunkPlugin;
    var autoprefixer = require('autoprefixer');
    var HtmlWebpackPlugin = require('html-webpack-plugin');
    var ExtractTextPlugin = require('extract-text-webpack-plugin');
    var CopyWebpackPlugin = require('copy-webpack-plugin');
    var ENV = process.env.npm_lifecycle_event;
    var isTest = ENV === 'test' || ENV === 'test-watch';
    var isProd = ENV === 'build';
    
    module.exports = function makeWebpackConfig() {
      var config = {};
      if (isTest) {
        config.devtool = 'inline-source-map';
      } else if (isProd) {
        config.devtool = 'source-map';
      } else {
        config.devtool = 'eval-source-map';
      }
      config.debug …
    Run Code Online (Sandbox Code Playgroud)

    javascript webpack

    18
    推荐指数
    1
    解决办法
    6439
    查看次数

    响应中的"Access-Control-Allow-Credentials"标题为"必须为'true'

    我在后端使用node,express,在客户端使用angular4,这给了我以下错误:

    XMLHttpRequest无法加载http:// localhost:4876/login/check.对预检请求的响应未通过访问控制检查:当请求的凭据模式为"包含"时,响应中"访问控制 - 允许 - 凭证"标头的值为"必须为'真'.因此不允许来源' http:// localhost:4200 '访问.XMLHttpRequest发起的请求的凭据模式由withCredentials属性控制.

    登录/检查的Api如下所示:

    router.get('/login/check', (req: any, res: any) => {
            let api = new ApiConnection(req, res);
            let accessCard: IAccessCard = api.getContent(Auth.ACCESS_CARD_KEY);
            if(!Auth.isValid(accessCard))
                return api.response.error();
    
            ChatBox.auth.isExpired(accessCard, function (err:any, isExpired: boolean) {
                if (err) return api.response.error();
                if(!isExpired) {
                    api.cookie("AccessCard", accessCard);
                    api.response.success(accessCard);
                }
                else {
                    api.response.error();
                }
            })
        });
    
    Run Code Online (Sandbox Code Playgroud)

    路由器定义的位置 const router = require('express').Router()

    为header和cors设置中间件如下:

    export class Application {
        private app:any = express();
        constructor() {
            this.setCors();
            this.setHeaders();
        }
    
        public getApp():any {
            return this.app; …
    Run Code Online (Sandbox Code Playgroud)

    javascript node.js ecmascript-6 angular

    14
    推荐指数
    1
    解决办法
    2万
    查看次数

    即使我在服务器上允许使用cors,Socket.io也会出现CORS错误

    我的节点服务器和客户端在不同的端口上运行(分别为3001,5347).在客户端我用过,

    var socket = io('http://127.0.0.1:3001');
    
    Run Code Online (Sandbox Code Playgroud)

    在服务器上,我逐一尝试了以下所有内容

        1) io.set('origins', '*:*');
        2) io.set('origins', 'http://127.0.0.1:5347');
        3) io.set('origins', '*');
        4) io.set('origins', '127.0.0.1:5347');
    
    Run Code Online (Sandbox Code Playgroud)

    但是我得到了以下错误:

    XMLHttpRequest无法加载http://127.0.0.1:3001/socket.io/?EIO=3&transport=polling&t=1456799439856-4590.当credentials标志为true时,不能在'Access-Control-Allow-Origin'标头中使用通配符'*'.因此不允许原点'null'访问.

    注意:我在服务器上使用express,我已经按照以下方式使用cors中间件:

    app.use(cors());
    
    Run Code Online (Sandbox Code Playgroud)

    app和cors分别是express和cors的实例.

    node.js cors socket.io

    10
    推荐指数
    2
    解决办法
    1万
    查看次数

    angular2-jwt.d.ts给出"找不到模块'@ angular/http"错误

    我正在研究angular2"2.0.0-beta.17".

    我的package.json如下

    "dependencies": {
            "angular2": "2.0.0-beta.17",
            "es6-shim": "^0.35.0",
            "reflect-metadata": "0.1.2",
            "rxjs": "5.0.0-beta.6",
            "zone.js": "0.6.12",    
            "angular2-jwt":"0.1.15",
            "es6-promise": "^3.2.1",
            "jwt-decode": "^2.0.1"    
          },
          "devDependencies": {
            "angular-cli": "0.0.*",
            "autoprefixer": "^6.3.2",
            "copy-webpack-plugin": "^1.1.1",
            "css-loader": "^0.23.0",
            "extract-text-webpack-plugin": "^1.0.1",
            "file-loader": "^0.8.4",
            "html-loader": "^0.4.0",
            "html-webpack-plugin": "^2.8.1",
            "istanbul-instrumenter-loader": "^0.1.3",
            "jasmine-core": "^2.3.4",
            "jasmine-spec-reporter": "^2.4.0",
            "json-loader": "^0.5.3",
            "karma": "0.13.19",
            "karma-chrome-launcher": "^0.2.1",
            "karma-coverage": "^0.5.2",
            "karma-jasmine": "^0.3.7",
            "karma-phantomjs-launcher": "^1.0.0",
            "karma-sourcemap-loader": "^0.3.7",
            "karma-webpack": "1.7.0",
            "node-sass": "^3.4.2",
            "null-loader": "git+https://github.com/webpack/null-loader.git",
            "phantomjs-prebuilt": "^2.1.4",
            "postcss-loader": "^0.8.0",
            "protractor": "^3.1.1",
            "raw-loader": "0.5.1",
            "rimraf": "^2.5.1",
            "sass-loader": "^3.1.2",
            "style-loader": "^0.13.0",
            "ts-loader": "^0.8.1", …
    Run Code Online (Sandbox Code Playgroud)

    angular

    10
    推荐指数
    2
    解决办法
    2万
    查看次数

    尝试使用Tagged模板字符串会出现'Uncaught SyntaxError:Unexpected token'

    我在以下代码中使用标记的模板字符串

    var a = 5;
    var b = 10;
    var pp="";
    function tag(strings, ...values) {
      pp+=strings[0]; // "Hello "
      pp+=strings[1]; // " world "
      pp+=values[0];  // 15
      pp+=values[1];  // 50
    
      console.log(pp+"Bazinga!");
    }
    
    tag`Hello ${ a + b } world ${ a * b}`;
    
    Run Code Online (Sandbox Code Playgroud)

    但它给了

    未捕获的SyntaxError:意外的令牌......(...)

    function tag(strings, ...values) {

    javascript google-chrome ecmascript-6 template-strings tagged-templates

    6
    推荐指数
    1
    解决办法
    1173
    查看次数