所以我的角度控制器中有一个对象数组,我想返回数组中字段索引的值,该数组与我的参数具有匹配的ID.数组中只有一个对象具有匹配的fieldId ..
$scope.indexOfField = function(fieldId) {
return $scope.model.fieldData.filter(function(x) {
if (x.Id === fieldId) {
return // ???????
}
});
}
Run Code Online (Sandbox Code Playgroud) 我有一个包含节点的递归树结构,每个节点都有一个'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,同时在其上保留(点击)功能.我也愿意接受解决方法.
我试图在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) 我的工具栏中有一个搜索栏,如下所示:
<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”事件永远不会被点击。为什么?
基本上我想在工具栏上添加一个按钮,允许用户将©插入文本框编辑器(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: '©',
tooltiptext: taTranslations.insertCopyright.tooltip,
action: function () {
//???
},
});
Run Code Online (Sandbox Code Playgroud) 我在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 = {}这已重置我的整个范围..太棒了
angularjs ×3
javascript ×3
angular ×1
angular-ui ×1
cordova ×1
emulation ×1
ionic2 ×1
ios ×1
jquery ×1