小编RON*_*ONE的帖子

我以不同的形式发布了同样的问题,但没有人回答.我没有清楚地了解格式化程序和解析器在角度js中的作用.

根据定义,Formatters和Parsers看起来与我类似.也许我错了,因为我是这个angularjs的新手.

格式化程序定义

每当模型值发生变化时,作为管道执行的函数数组.反过来,每个函数都被调用,将值传递给下一个函数.用于格式化/转换值以在控件和验证中显示.

解析器定义

每当控件从DOM读取值时,作为管道执行的函数数组.反过来,每个函数都被调用,将值传递给下一个函数.用于清理/转换值以及验证.对于验证,解析器应使用$ setValidity()更新有效性状态,并为无效值返回undefined.

请通过一个简单的例子帮助我理解这两个功能.两者的简单说明将不胜感激.

PHP功能:

function formatNumberForDisplay($number, $decimal=0, $decimalSeperator='.', $numberSeperator=',')
{
     return number_format($number, $decimal, $decimalSeperator, $numberSeperator);
}

我的需要:任何身体都可以建议我在jquery/javascript中的等效功能.

提前致谢.

我有一个集成设计材质(一个小问题http://www.getmdl.io/在NG2)你能帮帮我,我就会把它在点我做了什么

1. http://www.getmdl.io/started/index.html#tab1,解释了设计的集成
2. http://www.getmdl.io/components/index.html#textfields-section,这是一个带有浮动标签的文本字段示例,现在我已经整合了Plunkr,但是没有工作可以请你看看正如您在index.html中看到的那样,我有http://www.getmdl.io/started/index.html#tab1建议的css和js文件包含

<!-- GetMDL scripts --> <link rel="stylesheet" href="https://storage.googleapis.com/code.getmdl.io/1.0.6/material.indigo-pink.min.css"> <script src="https://storage.googleapis.com/code.getmdl.io/1.0.6/material.min.js"></script> <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> <!-- GetMDL scripts --> 在app.component.ts文件中:

import {Component, ViewEncapsulation} from 'angular2/core';

@Component({
    selector: 'my-app',
    template: `<form action="#">
  <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
    <input class="mdl-textfield__input" type="text" id="sample3">
    <label class="mdl-textfield__label" for="sample3">Text...</label>
  </div>
</form>`,
encapsulation:ViewEncapsulation.None,
})

我在控制台中收到此错误$q is not defined.当我做一些研究时,我发现了一些.q library has been deprecated来自 http://www.breezejs.com/documentation/breeze-labs/breezeangularqjs的内容.

如果是这样,那么承诺的整个概念也被弃用了,

在我的Jquery中,我正在使用Ajax并获得低于错误的消息.

TypeError: $.ajax(...).done is not a function
[Break On This Error] ).success(function(response) {

我厌倦了使用成功而不是完成.但仍然得到相同的消息.

TypeError: $.ajax(...).success is not a function
[Break On This Error] ).success(function(response) { 

示例代码段如下:

$(document).ready(function () {
        alert('in get');
        $.ajax({
            data: {
                'contentId': contentId,
                'USER_ID': USER_ID,
                'actionType': 'GETRATING',
                'portletGuid': portletGuid
            },
            type: 'GET',
            url: ajaxRatingServlet,
            cache: false
        }).success(function (response) {
            getUserPreference(response);
        });

可能这是一个普遍的问题,可以通过互联网获得,但我得到的是这里.

使用angular.js向HTTP请求添加自定义标头

所以我遵循相同的,并将代码更改为

设置标题

 var config = {headers:  {
                'Authorization': 'XXXYYY token="xxxxxxxx", realm="dash-api"',
                "X-Testing" : "testing"
                }
            };

获取请求调用:

return $http.get(api.host+'/agn/12/adv/1860/cam?status=1', config).then(function (response) {
                    return {
                        status:"success",
                        data:response.data.data.active
                    };
                }, function (error) {
                    return {
                        status:"error",
                        data:error
                    }
                });

正如您所看到的,请求是在方法类型OPTIONS中进行的,并且Authorization请求中未设置令牌.

请帮我解决这个问题,因为我两天都在苦苦挣扎.

非常感谢.

我有角度分量 l

@Component({
  selector: 'aas-add-option',
  templateUrl: './add-option-modal.component.html',
  styleUrls: ['./add-option-modal.component.scss'],
  changeDetection: ChangeDetectionStrategy.OnPush,
})

形成团体

this.formBuilder.group({
      newOptionInput: new FormControl('', [
        Validators.required,
        Validators.maxLength(150),
        Validators.pattern(this.htmlPattern),
      ]),
      newOptionHint: new FormControl(''),
    });

================================ .html 文件

<vt-modal-footer>
    <button
      vtButton
      ot-auto-id="AAResultsAddModalCancelButton"
      [disabled]="isLoading"
      (click)="closeModal()"
    >
      {{ 'Cancel' | translate }}
    </button>
    <button
      vtButton
      color="neutral"
      class="slds-m-right_medium"
      ot-auto-id="AAResultsAddModalSaveAndAddAnotherButton"
      [disabled]="
        !optionsForm?.get('newOptionInput').value?.trim() ||
        !optionsForm?.get('newOptionInput').valid   <--HERE BUTTON DISABLED CHECK
      "
      (click)="onSaveAndAddAnother()"
    >
      {{ 'SaveAndAddAnother' | translate }}
    </button>
    <button
      vtButton
      color="primary"
      *ngIf="!isLoading"
      ot-auto-id="AAResultsAddModalSaveButton"
      [disabled]="
        !optionsForm?.get('newOptionInput').value?.trim() ||   <--HERE BUTTON DISABLED CHECK
        !optionsForm?.get('newOptionInput').valid
      "
      (click)="addOption(true)"
    > …

在问题标题中,我无法将复选框标记为已选中,如此选择框的onChange事件,

<select id='featuresType'
onChange={this.handleChange.bind(this, 'type')} >
 {this.getOptions(featuresType)}
 </select>

像handleChange一样:

 handleChange: function (field, e) { 
            if (field == 'type') {
                let selected = e.target.value;
                this.setState({typeSelected: selected})
            }
            /*Why the console is taking the previous selecte option, ex: if Locker is selectec below lone prints 'dc' */
             console.log(field ,',',  this.state.typeSelected)
        },

当它绑定到defaultValue时,

defaultChecked={(this.state.typeSelected =='locker')}

1. 选择框无法标记给定的条件,但手动可以标记选中/未选中.

checked={(this.state.typeSelected =='locker')}

2. 在此选中的属性上,复选框可以根据选择框选项值标记为已选中.但在这种情况下,不会发生手动检查或取消检查的方式.

希望你们有我的问题

这是JSFiddle

我希望复选框可以双向操作,在选择选项时,应选中复选框.此外,用户还可以选中/取消选中Manully复选框

我正在使用完美滚动插件

https://github.com/noraesae/perfect-scrollbar

当我使用ps-y-reach-end活动时

document.addEventListener('ps-y-reach-end', (event)=> {
   console.log('Why this is printing multiple times when I reach Bottom, I wanted it to be single fire')
 });

问题在于，当滚动到达容器底部时，事件会触发多次。

JSFiddle演示

Web控制台打印：

请将y轴滚动到底部，您将多次看到控制台

我正在寻找在每三个div标签后放置一个span标签的解决方案.

HTML

<div class="grid_15">
   <div class="grid_5">
      <p>Sun</p>
      <div>
         <div class="suggest nudge-up"><span class="form-content-left">All Hours</span><span class="clear"></span></div>
      </div>
   </div>
   <div class="grid_5">
      <p>Mon</p>
      <div>
         <div class="suggest nudge-up"><span class="form-content-left">All Hours</span><span class="clear"></span></div>
      </div>
   </div>
   <div class="grid_5">
      <p>Tue</p>
      <div>
         <div class="suggest nudge-up"><span class="form-content-left">All Hours</span><span class="clear"></span></div>
      </div>
   </div>
   <div class="grid_5">
      <p>Wed</p>
      <div>
         <div class="suggest nudge-up"><span class="form-content-left">All Hours</span><span class="clear"></span></div>
      </div>
   </div>
   <div class="grid_5">
      <p>Thu</p>
      <div>
         <div class="suggest nudge-up"><span class="form-content-left">All Hours</span><span class="clear"></span></div>
      </div>
   </div>
   <div class="grid_5">
      <p>Fri</p>
      <div>
         <div class="suggest nudge-up"><span class="form-content-left">All Hours</span><span class="clear"></span></div>
      </div>
   </div>
   <div class="grid_5">
      <p>Sat</p>
      <div> …