- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我对 Angular 很陌生,我正在尝试为用户信息创建一个表。
<div ng-controller="ContactController as cc" ng-app="MyApp" id="account-settings-page">
<div class="slds manage-account-table">
<table class="slds-table slds-table--bordered slds-table--striped">
<thead>
<tr class="slds-text-heading--label" role="header">
<th data-label="staffName" class="slds-is-sortable">Selected Portal User</th>
<th data-label="title">Title</th>
<th data-label="email">Email</th>
<th data-label="phone">Portal Admin</th>
</tr>
</thead>
<tbody ng-model="users">
<tr ng-repeat="user in users" class="slds-hint-parent">
<td data-label="contactName">
<select class="slds-select" ng-model="users">
<option value="{{user.contactName}}" ng-repeat="user in users">{{user.contactName}}</option>
</select>
</td>
<td data-label="contactTitle">{{user.contactTitle}}</td>
<td data-label="contactEmail">
<div>{{user.contactEmail}}</div>
</td>
<td data-label="isPortalAdmin">
<div class="impact-thesis-checkbox">
<div class="slds-form--stacked">
<div class="radio">
<label><input type="radio" name="optradio" ng-checked="{{user.isPortalAdmin}}"></label>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
JavaScript:
angular
.module('MyApp',[])
.controller('ContactController', function($scope) {
var self = this;
self.data = {
"users": [{
"userId": "001290000031Xp0",
"userName": "Joe Salademaier",
"contactId": "001290000031Xp0",
"contactName": "Joe Salademaier",
"contactTitle": "CEO",
"contactEmail": "joe@organization.org",
"isPortalAdmin": true,
"isUser": true
}, {
"userId": "001290000031Xp0",
"userName": "Anastasia Smith",
"contactId": "001290000031Xp0",
"contactName": "Anastasia Smith",
"contactTitle": "CTO",
"contactEmail": "asmith@organization.org",
"isPortalAdmin": false,
"isUser": true
}, {
"userId": "001290000031Xp0",
"userName": "Bill Salademaier",
"contactId": "001290000031Xp0",
"contactName": "Bill Salademaier",
"contactTitle": "CMO",
"contactEmail": "bill@organization.org",
"isPortalAdmin": false,
"isUser": true
}, {
"userId": "001290000031Xp0",
"userName": "Joe Schmope",
"contactId": "001290000031Xp0",
"contactName": "Joe Schmope",
"contactTitle": "VP Finance",
"contactEmail": "bill@organization.org",
"isPortalAdmin": false,
"isUser": true
}, {
"userId": "001290000031Xp0",
"userName": "Jill Meiser",
"contactId": "001290000031Xp0",
"contactName": "Joe Salademaier",
"contactTitle": "VP Marketing",
"contactEmail": "bill@organization.org",
"isPortalAdmin": false,
"isUser": true
}, {
"userId": "",
"userName": "",
"contactId": "001290000031Xp0",
"contactName": "Rajesh Gupta",
"contactTitle": "Developer",
"contactEmail": "raj@always.org",
"isPortalAdmin": false,
"isUser": false
}, {
"userId": "",
"userName": "",
"contactId": "001290000031Xp0",
"contactName": "Jill Sedelmaier",
"contactTitle": "Senior Consultant",
"contactEmail": "jill@never.org",
"isPortalAdmin": false,
"isUser": false
}]
};
$scope.users = self.data.users;
});
我需要在表中获取联系人姓名、联系人职务、联系人电子邮件列和表示 bool 值的字段的数据。虽然我已成功获取最后三列的值,但我无法在第一列中设置该值,该列应该是下拉列表。我有两个问题:1. 如何为每个用户设置下拉列表中的值?2. 当我更改所选用户时,如何使行值发生变化?
这是我在 Codepen 上尝试的链接:http://codepen.io/Gromit/pen/qbwmvZ
最佳答案
这可能会帮助您下拉:AngularJS: Get selected Text and Value of HTML Select DropDownList using ng-change请记住,Angular 的一大优点是它能够动态将数据链接到您的 View ,因此您可以向数据添加“显示”标志(true 或 false)并使用 ng-if ="data.show"或 ng-show="data.show"使用更改 data.show 值的函数过滤结果,具体取决于下拉列表的值...只是一个想法,它取决于你是如何设计的...抱歉,如果我误导了你,但我不清楚它是否正是你想要的...
从示例中:
<tr>
<td>
<select ng-model="selectedItemVarUser" ng-options="d.userId as d.userName for d in data track by d.Id"
ng-change="GetValue()">
</select>
</td>
...
</tr>
关于javascript - Angular : How do I get a column in a table with a dropdown in each cell and set different values in each of these dropdowns?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35484069/
cell.layoutIfNeeded() 和 cell.layoutSubviews() 和 cell.setNeedsDisplay() 方法一般有什么作用? 最佳答案 布局 subview 布置
是否可以在GXT 3.0中逐个单元地定义编辑器类型? 我需要创建一个转置表;列变成行,行变成列。在这种情况下,一列(从普通表格的角度来看)将具有不同的编辑器类型,而一行将具有相同的编辑器类型。 我正在
我的表格 View 中前 3 个单元格有一个标签,上面写着“松鼠”这个词。有没有办法做到这一点,如果 UILabel 在我的表格中的多个单元格中显示“Squirrels”,则只显示三个单元格中的第一个
让键和值相同有什么意义? JVM 会优化内存并使它们在堆中仅一份吗? 最佳答案 Map通常用于实现Set具有与背景图相同的属性。例如。如果映射是线程安全的,则相应的集合也将是线程安全的。如果 map
这个问题在这里已经有了答案: Testing for nil in Objective-C -- if(x != nil) vs if(x) (4 个答案) 已关闭 9 年前。
我用谷歌表格记录我们俱乐部的出席率。该表格链接到另一个谷歌表格,因此可以自动创建一个名字列表,并按字母顺序排序。在这张表格中,我还根据我们所做的活动,在人的名字旁边手动输入点数。。问题是,由于姓名列表
下面的代码如何工作: .Range("D4:F4").copy .cells(1,1).PasteSpecial 虽然下面不起作用: .Range("D4:F4").copy .cells(1,1)
我正在将一些值传递到 MySQL 数据库表中,我在考虑将整个 javascript 对象数组作为字符串传递是否更快,或者我是否应该根据速度将它们拆分为单元格。 例子: JavaScript 数组: v
display: table-cell; 和单元格之间的空间有问题。我希望所有单元格具有动态相同的宽度。 参见 JSFiddle "Ausstattung & Skizze" 比其他的要宽得多。有没有
我正在使用 apache poi 3.11,从 CellReference,我可以使用以下代码获取 rowIndex 和 Column Index。 CellReference cr = new Ce
我有一个带有圆形和阴影掉落单元格的 Collection View 。当单元格即将被导航栏覆盖时,单元格的阴影突然消失,而不是平滑地移出 View 。下面是代码: contentView.la
我刚开始使用 Swift 作为编程语言,但我遇到了自定义单元格的问题。 当我尝试创建自定义单元格,然后继续尝试按照我需要的方式设计它们(样式设置为自定义)时,一切看起来都不错。现在我不知道如何将特定数
目前,如果满足某些条件,我正在尝试设置一系列单元格的样式。我能够成功地将样式应用于一个单元格,但迄今为止未能成功地将其应用于一个范围。这是我所知道的有效方法: ElseIf OneA / OneC >
如果单元格 A1 为空白并且同一行中的任何单元格不为空白,我需要突出显示它。该行中的大多数单元格中都会包含公式。 最佳答案 创建一个新的条件格式,并使用这个公式: =AND($A$1="",COUNT
我确定这一定是可能的,但我找不到这样做的方法。 我有 2 列,一列带有数字,第二列带有日期。 例如: 数字日期 1 7月21日 2 7 月 22 日 3 7 月 23 日 4 7 月 24 日 5 7
我可能对范围有点困惑(我读过很多关于它的教程,但此时我不明白如何制作这个东西),无论如何,这就是我想要做的: 我有一个包含各种单元格的表格 Bla 1
宏记录器生成以下语句: Cells.Select 现在我明白,如果没有对象限定符,这会将所有单元格作为 Range 对象返回。 但是,我想知道这个语句的完全限定版本是什么? 是吗: Applicati
我知道 Range() 和 Cells() 属性是访问工作表上单元格的等效方法。但是,什么时候在这种组合中使用 Range.Cells() 是明智的呢? 我遇到了一个使用 Range("A1").Re
我有一个动态表,其中每一行都有一个文本框 (txtCantitate) 和一个按钮 (btnMinus)。在文本框中我有数量 (int) 并在按钮上单击我希望数量减少一个。在这里你有我在 table
我有两个 viewController。第一个 VC 在 tableCell 内有 collectionCell。第二个 VC 有 collectionCell,我有 swift File 和 Mod
我是一名优秀的程序员,十分优秀!