我想修改自动完成组件以进行多项选择.我想要的是应该通过复选框打开建议面板进行多项选择,如果用户在建议面板外单击,则关闭它.根据文档,我们可以通过panelClosingActions处理它,但我无法找到任何方法如何使用它.
我可以通过MdAutocompleteTrigger事件和openPanel方法保持Panel打开,但是如果选择第二个索引并且m选择第四个索引然后第二个索引复选框取消并再次打勾,会发生什么.
<md-autocomplete #auto="mdAutocomplete" id=autoComplete>
<md-option *ngFor="let state of filteredStates | async"
[value]="state.name" (click)="handleAutocomplete()">
<md-checkbox [checked]="state.selected" [(ngModel)]="state.selected">
<span>{{ state.name }}</span> |
<small>Population: {{state.population}}</small>
</md-checkbox>
</md-option>
</md-autocomplete>
@ViewChild('autocomplete', {read: MdAutoCompleteTrigger})
autoComplete: MdAutocompleteTrigger
handleAutocomplete(){
this.autoComplete.openPanel();
}
任何帮助都非常感谢
您好我是NativeScript的新手,根据NativeScript网站上提供的文档,我创建了一个带有NativeSript + Angular的演示应用程序,并在设备上进行了部署,但是为了进行调试,我希望它能够像Chrome一样在Web浏览器上运行以获取应用程序的视图和调试.根据文档我能够在chrome中调试它但我可以获得应用程序的视图以在chrome中运行.有没有办法做到这一点.
我正在研究角度2素材应用程序,我有一个有多选元素的情况,并且我有一个带复选框的列表,所以我可以一次选择多个项目.我能够使用角度材质组件,但我想要的是默认情况下要检查的2-3个项目,如果我选择/取消选择特定项目,那么我应该选中/选择标记为true/false.
<md-select multiple="true" [(mgModel)]="test">
<md-option *ngFor="let l of list" [value]="l">
{{l.name}}
</md-option>
</md-select>
var list = [{name:'abc'},{name:'cbv'},{name:'hgf'},{name:'rty'},{name:'fdv'},{name:'vbg'}]
var test = [{{name:'abc'},{name:'cbv'}]
是否有其他方法或在某些地方出错.
您好，我正在使用Xamarin.Forms，但我面临的是数据绑定问题ListView。模型中有一个字符串值，模型中有一个列表，该列表是ItemsSourceListView 的列表，字符串值应显示在每个单元格行中。
XMAL视图
<ListView ItemsSource="{Binding StudentList, Mode=TwoWay}">
<ListView.ItemTemplate>
<DataTemplate>
<ViewCell>
<StackLayout>
<Label Text={Binding Name} />
<Label Text={Binding ConstantName} /> //// Not present in Itemsource. Should bind from Model. It does not render.
</Stacklayout>
</ViewCell>
</DataTemplate>
</ListView.ItemTemplate>
</ListView>
C＃
public ObservableCollection<PagingButtons> _lstPagingButtons { get; set; }
public ObservableCollection<PagingButtons> lstPagingButtons
{
get { return _lstPagingButtons; }
set
{
_lstPagingButtons = value;
OnPropertyChanged();
}
}
string _ConstantName {get; set;} = "Xamarin";
public string ConstantName
{
get { return _ConstantName; …我有一个控制器和角度的视图.我通过ajax调用一个函数从服务器获取数据然后将其加载到数组中,然后用ng-repeat绑定它,它加载数据但不会显示,直到我点击任何按钮.以下是代码.
视图.
<table class="table table-striped" >
<thead>
<tr>
<th>Employee ID</th>
<th>Name</th>
<th>Designation</th>
<th>Mobile No</th>
</tr>
</thead>
<tbody>
<tr data-ng-repeat="item in emplist">
<td>{{item.id}}</td>
<td>{{item.name}}</td>
<td>{{item.designation}}</td>
<td>{{item.mobile}}</td>
</tr>
</tbody></table>
控制器.
angular
.module('MyApp.ctrl.crud', [])
.controller('loginController',[
'$scope',
function ($scope) {
$scope.emplist = [];
$scope.load = function () {
$.ajax({
type: 'GET',
contentType: 'application/json; charset=utf-8',
url: '/Home/getList',
success: function (data) {
$scope.emplist = data;
console.log($scope.emplist);
}
});
}
$scope.load();
我正在开发一个Angular 2应用程序,我在其中创建了一个对话框,该对话框将在用户点击时弹出.并且该对话框中的内容必须动态呈现为html.静态html运行良好但动态未运行.
码:
<md-dialog-content><h1>Hello Angular 2</h1></md-dialog-content>////It works..
<md-dialog-content>{{test}}</md-dialog-content>///It does not work.
它将文本显示为 '<h1>Hello Angular 2</h1>'
在组件中:
let test = "<h1>Hello Angular 2</h1>";
我正在创建一个角度2的应用程序,我有一个表,我想在其中动态更改元素的背景颜色.
<table>
<tr *ngFor="let i of rows">
<td>blank</td>
<td [style.color]="color">data</td>
</tr>
</table>
我想要的是将第5行的颜色更改为绿色,将第6行的颜色更改为红色.选择改变颜色的rwo将是动态的.
非常感谢帮助.