小编als*_*o77的帖子

从过滤器方法javascript返回索引值

所以我的角度控制器中有一个对象数组,我想返回数组中字段索引的值,该数组与我的参数具有匹配的ID.数组中只有一个对象具有匹配的fieldId ..

$scope.indexOfField = function(fieldId) {
        return $scope.model.fieldData.filter(function(x) {
            if (x.Id === fieldId) {
                return // ???????
            }
        });
    }
Run Code Online (Sandbox Code Playgroud)

javascript angularjs

20
推荐指数
5
解决办法
4万
查看次数

使用(单击)函数动态显示包含HTML的元素Angular 2

我有一个包含节点的递归树结构,每个节点都有一个'htmlStringContent'属性.当我使用嵌套的'node'组件显示树并尝试呈现我使用的html内容时:

<div [innerHtml]="node.htmlStringContent"></div>
Run Code Online (Sandbox Code Playgroud)

HTML正确显示但对于以下元素:

<a (click)="function()">click me</a>
Run Code Online (Sandbox Code Playgroud)

(单击)功能不起作用.我知道这已经发布了,但是最近我发现了大量的更新,我无法找到任何解决方案.这个答案让我相信我应该使用ngComponentOutlet指令,但我不知道如何...

如何获得角度来绑定此点击功能?

编辑:我被告知使用ComponentFactoryResolver,但无法看到我如何使用它来正确显示HTML.有人能提供进一步的帮助吗

Edit2:我在[innerHtml]上显示之前通过清理管道解析'htmlStringContent'

transform(v: string) : SafeHtml {
  return this._sanitizer.bypassSecurityTrustHtml(v); 
} 
Run Code Online (Sandbox Code Playgroud)

编辑3:基本上这个问题是询问是否尽可能在角度2 /离子2中的对象上显示HTML,同时在其上保留(点击)功能.我也愿意接受解决方法.

typescript2.0 angular

11
推荐指数
1
解决办法
3503
查看次数

找不到虚拟设备-Ionic Cordova Emulator iOS

我试图在iOS中模拟我的Ionic应用程序,但运行时ionic cordova emulate ios出现错误:

No target specified for emulator. Deploying to undefined simulator
Device type "com.apple.CoreSimulator.SimDeviceType.undefined" could not be found.
Run Code Online (Sandbox Code Playgroud)

看来,即使我的OSX上有可用的仿真器,Ionic也由于某些原因无法访问它们。当显然有可以在其他地方运行的设备时,为什么在Ionic中找不到任何设备?这可能是env vars的问题吗?

供参考ionic info

cli packages: (/usr/local/lib/node_modules)

    @ionic/cli-utils  : 1.19.2
    ionic (Ionic CLI) : 3.20.0

global packages:

    cordova (Cordova CLI) : 7.0.1

local packages:

    @ionic/app-scripts : 3.1.10
    Cordova Platforms  : android 6.2.3 ios 4.4.0
    Ionic Framework    : ionic-angular 3.9.2

System:

    ios-sim : 7.0.0
    Node    : v9.1.0
    npm     : 6.0.0
    OS      : macOS High Sierra
    Xcode   : …
Run Code Online (Sandbox Code Playgroud)

emulation ios cordova ionic-framework

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

Ionic 2 ion-Searchbar ionClear不触发按钮单击

我的工具栏中有一个搜索栏,如下所示:

  <ion-toolbar color="clarity">
    <ion-searchbar
      [(ngModel)]="searchText"
      [showCancelButton]="false"
      (ionInput)="onInput($event)"
      (ionClear)="onClear($event)">
    </ion-searchbar>
  </ion-toolbar>   
Run Code Online (Sandbox Code Playgroud)

以及对应的TS文件中的函数:

   onClear(event){
     this.searchText = "";
   }
Run Code Online (Sandbox Code Playgroud)

但是,当单击搜索栏上的小“ x”时,“ onClear”事件永远不会被点击。为什么?

ionic-framework ionic2

5
推荐指数
1
解决办法
3544
查看次数

如何从textAngular工具栏上的自定义按钮插入文本/符号

基本上我想在工具栏上添加一个按钮,允许用户将©插入文本框编辑器(http://textangular.com/),但是我无法理解如何在注册后为我的按钮添加功能...由于textangular网站上的自定义功能的所有示例都使用相同的语句"wrapSelection",其中包含非常少的文档,下面显示了一个示例,其中包含引号按钮.

    taRegisterTool('quote', {
    iconclass: 'fa fa-quote-right',
    tooltiptext: taTranslations.quote.tooltip,
    action: function(){
        return this.$editor().wrapSelection("formatBlock", "<BLOCKQUOTE>");
    },
    activeState: function(){ return this.$editor().queryFormatBlockState('blockquote'); }
});
Run Code Online (Sandbox Code Playgroud)

我很困惑"formatBlock"初始化的地方,并相信找到它的来源将帮助我解决这个问题.如你所见,任何帮助将不胜感激

    taRegisterTool('insertCopyright', {
        buttontext: '&copy;',
        tooltiptext: taTranslations.insertCopyright.tooltip,
        action: function () {
            //???
       },
    });
Run Code Online (Sandbox Code Playgroud)

javascript jquery angularjs angular-ui

4
推荐指数
1
解决办法
4015
查看次数

为什么我的范围变量没有绑定?

我在ng-repeat中有一个嵌套控制器,如下所示.我的问题是我的范围变量没有绑定,并且按钮也没有到达范围功能..我有一个控制器设置并分配了值,它初始化并运行良好但在此后我没有呈现视图中的任何值.

<div ng-repeat="field in model.fieldData | filter:filterFn">
    <div class="panel-heading">
        .....
    </div>
    <div class="panel-body">
        <div ng-controller="commentsCtrl">
            <p>{{field.Id}}...{{model.text}}</p>
            <button type="button" ng-click="createComment()">New</button>          
        </div>
    </div>
</div>

angular.module('main').controller('commentsCtrl', [
'$scope', '$modal', 'connectionService', 'fieldService',
    function ($scope, $rootScope, $http, $modal, connectionService, fieldService) {
        $scope = {};
        $scope.model = {};
        $scope.model.text = "test for view";
        $scope.createComment = function(){
            ...this never gets hit
        };
    }
]);
Run Code Online (Sandbox Code Playgroud)

编辑解决:我已声明$ scope = {}这已重置我的整个范围..太棒了

javascript angularjs

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