小编Moh*_*opi的帖子

我目前在angularjs工作,我得到了js与sublime文本的良好支持.

如何用我的崇高文本获得打字稿的支持.

在持有Shift + Ctrl + P,然后我键入TypeScript但我没有得到任何打字稿.

我已经通过官方网站https://www.typescriptlang.org/#download-links,我已经将崇高文本克隆到我的电脑上.

我已经在我的笔记本电脑中安装了我的打字稿,所以接下来要做的就是这样.

我是mac的新手,我收到如下错误

我应该怎么做我已经购买了开发者许可证并且我创建了配置证书,但我仍然面临这个问题.我不知道为什么我得到这个错误任何帮助.

我已按照此YouTube链接创建配置文件和发布配置文件https://www.youtube.com/watch?v=Xh2nnjttOwo&t=367s

UPDATE

更新我的buildsettings后,如下所示

我正在收到像这样的新错误

在运行时,ionic g page pageName我会生成.ts,.css和.html文件.

在.ts文件中,我有一个调用的函数ionViewDidLoad(){},在我的视图出现之前会打印出来.

我相信这可以在构造函数中完成吗？

有人可以给我一些关于这个功能的博客或解释吗？

我正在使用离子框架和angularjs我使用chrome查看我的日志,但在这里我正在做一个登录页面我试图发布用户输入的数据服务但我得到这个错误就像.

 OPTIONS http://aflaree.com/qrcodeservice/Service1.svc/login 

XMLHttpRequest cannot load http://aflaree.com/qrcodeservice/Service1.svc/login Response for preflight has invalid HTTP status code 405 阅读一些博客之后,这是一个下一个错误我认为有一个CORS扩展从哪个允许ajax请求我也试过但我无法找到为什么这两个错误出现.这是我的代码

https://plnkr.co/edit/Dz0aFsLqoQcnCxht00z3?p=preview

我的代码在设备上工作正常,但我在chrome中遇到错误,如果有人知道为什么请帮助我

我有两个CSS类名如下

.icon_heart{
     color: #bdbdbd;
}

.icon_heart_red{
    color:#a6b7d4;;
}

我的HTML有一个心脏图标

<div class="icon_heart" *ngIf="showheartIcon">
    <ion-icon name="heart" (click)="setWishlistTrue(category.product_id);" class="heart"></ion-icon>
</div>
<div class="icon_heart_red" *ngIf="showheartIconRed">
    <ion-icon name="heart" (click)="setWishlistFalse(category.product_id);" class="heart"></ion-icon>
</div>

这里我有两个div标签,心脏图标最初为灰色,单击时我会将其更改为蓝色.

这是我的ts文件代码:

  showheartIcon=true;
  showheartIconRed =false;

  setWishlistTrue(id){
    this.showheartIconRed = true;
    this.showheartIcon = false;
  }

  setWishlistFalse(id){
    this.showheartIconRed = false;
    this.showheartIcon = true;
  }

我有两个不同颜色的图标.

题

而不是有两个心脏图标是否可以更改图标的类别？

我在JavaScript中看到我们可以改变它w3schools将类应用于div标签的简单方法,但我是TypeScript的新手.我怎样才能改变课程？

我想将base64字符串保存到库中.当我调用这个插件时,我的代码崩溃了.这是我用来检查的链接.

我用的代码

let options:Base64ToGalleryOptions = { prefix: '_img',mediaScanner: true }

   //after the below line my gets close automatically any idea
      this.base64ToGallery.base64ToGallery(base64Image[1],options)
      .then(
        res => {
          debugger
          console.log('Saved image to gallery ', res)
        },
        err => {
          debugger
          console.log('Error saving image to gallery ', err)
        });

我无法调试

我无法理解为什么我的应用程序在点击此代码后会自动关闭

更新:

安装此特定版本的插件后

 ionic cordova plugin add cordova-base64-to-gallery@2.0.2

并将我的代码移动到平台

this.platform.ready().then(() => {

      this.base64ToGallery.base64ToGallery(base64Image,options)
      .then(
        res => {
          console.log('Saved image to gallery ', res);
          this.navCtrl.pop();
        },
        err => { //For ios i am …

我试图在成功回调该操作后禁用div标记.

请看我的离子含量

<ion-content padding class="forgot-password">
  <div [ngClass]="{active: isOn,disabled: isDisabled}">
    <ion-item>
        <ion-label floating>Email/Mobile</ion-label>
        <ion-input type="text" [(ngModel)]="loginId"></ion-input>
    </ion-item> <br><br>

    <button class="float-right" (click)="generateOTP(!isOn);">Send OTP</button><br><br><br>
  </div>
  <br>

  <div *ngIf="showRePasswd">
    <ion-item>
        <ion-label floating>Enter OTP</ion-label>
        <ion-input type="text" [(ngModel)]="passwd"></ion-input>
    </ion-item> <br><br>

    <button class="float-right" (click)="resetPassword();">Send Password</button>
  </div>
</ion-content>

这是我的.ts文件

export class ForgotPasswordPage {

    public loginId = "";
    public passwd = "";

  public showRePasswd = false;
  isDisabled = false;
  isOn = false;

  constructor(private navCtrl: NavController, private logger: Logger, private user: Users) {

  }

  generateOTP(newstate) {
    this.logger.info("invoking generateOTP FN");
    var …

我有一个名为options的对象数组.

这是我的HTML代码

    <ion-item>
        <ion-label>place</ion-label>

        <ion-select [(ngModel)]="place" (click)="optionsFn(item);">
          <ion-option value="item" *ngFor="let item of options">{{item.name}} &nbsp;&nbsp;{{item.price}}</ion-option> 
        </ion-select>
      </ion-item>

{{salespriceOp}}

{{quantityOp}}

这是我的.ts文件代码

product_option_value_idOp
  priceOp
  salespriceOp
  quantityOp
  skuOp
  nameOp

  options =  [
          {
            "product_option_value_id": "45",
            "name": "Bangalore Auto",
            "quantity": "12",
            "sku": "56876",
            "price": "100.00",
            "salesprice": "50"
          },
          {
            "product_option_value_id": "51",
            "name": "Hyderabad Auto",
            "quantity": "23",
            "sku": "56543",
            "price": "200.00",
            "salesprice": "60"
          },
          {
            "product_option_value_id": "52",
            "name": "Delhi Auto",
            "quantity": "14",
            "sku": "98767",
            "price": "300.00",
            "salesprice": "80"
          }
        ];
  constructor(public navCtrl: NavController) { …

看我的

我在离子卷轴中有10个名字,但它像段落一样进入下一行.

这是我的.html代码.

<ion-scroll scrollX="true" style="width:100vw; height:50px" >
        <ion-row class="headerChip">
          <div *ngFor="let tabName of product_type; let idx = index" [ngClass]="showSelectedTabArray[idx].showSelectedTab ? 'headerChipGray' : 'headerChipGreen'">
          <ion-chip  (click)="changeData(tabName)">
          <ion-label  >{{tabName.languagename}}</ion-label>
          <div></div>
          </ion-chip>
          </div>
        </ion-row>
      </ion-scroll>

这是我的CSS

.headerChipGray{
    ion-chip.chip.chip-md{
        margin: 2px 2px 2px 2px;
        border-radius: 10px;
        border: 1px solid gray;
        background: white;
    }
    ion-chip.chip.chip-ios{
        margin: 2px 2px 2px 2px;
        border-radius: 10px;
        border: 1px solid gray;
        background: white;
    }
}

.headerChipGreen{

    ion-chip.chip.chip-md{
        margin: 2px 2px 2px 2px;
        border-radius: 10px;
        background: white;
        color: #A80C50;
        border: …

这是我的.html文件

<ion-item no-lines (click)="update()" >
        <ion-label> Notification</ion-label>
        <ion-toggle [(ngModel)]="notify" ></ion-toggle>
    </ion-item>

上面的代码工作时,我点击Notification文本,但当我点击ion-toggle我无法调用该功能,我该怎么做才能调用该功能.

这是我的.ts文件

update(){
 console.log("invoking notification");
}