小编jet*_*com的帖子

为什么在AngularJS中$ scope中的ng-init中设置的变量未定义?

我有一个变量我在我的视图中设置,ng-init然后我尝试在我的控制器中访问.然而,当我尝试访问它时,我得到了一个undefined.

相关代码:

我的看法:

<div ng-controller="MyCtrl">
  <div ng-init="pageTitle = 'kittens'">
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

我的控制器:

var MyCtrl;

MyCtrl = function($scope) {
  return console.log($scope.pageTitle);
};
Run Code Online (Sandbox Code Playgroud)

的jsfiddle

我在这里错过了什么?

angularjs

35
推荐指数
3
解决办法
4万
查看次数

使用ng-repeat按多列过滤

我想知道在Angular中是否有一种简单的方法可以ng-repeat使用or逻辑而不是使用特定列来过滤表and.现在,我的过滤器正在搜索表格中的所有内容(10列数据),当它真的只需要过滤2列数据(ID和名称)时.

我已经设法让它在过滤时只查看那两列(通过在文档中使用过滤器表达式中的对象并查看此SO答案),但它使用的是and逻辑,这太具体了.我想让它使用or逻辑,但我遇到了麻烦.

我的HTML

<input type="text" ng-model="filterText" />
<table>
      <tr ng-repeat="item in data"><td>{{ item.id }}</td><td>{{ item.name }}</td>...</tr>
</table>
Run Code Online (Sandbox Code Playgroud)

我的过滤逻辑:

$filter('filter')(data, {id:$scope.filterText, name:$scope.filterText})

过滤工作,但同样,它是匹配列的交集,而不是联合.谢谢!

angularjs

18
推荐指数
4
解决办法
6万
查看次数

Spotify如何通过Gmail收件箱视图打开桌面应用程序?

Gmail中

这是我第一次看到这样的按钮(见右侧).单击该按钮可启动Spotify.Spotify如何为他们的电子邮件做到这一点?现在可以用其他应用程序完成吗?

gmail spotify

9
推荐指数
1
解决办法
1607
查看次数

根据AngularJS中的单选按钮选择启用/禁用按钮

我有一个单选按钮列表(使用ng-repeat)中的项目button(最初禁用ng-disabled)继续.选择单选按钮后,我想启用"继续"按钮.

在Angular中这样做的正确方法是什么?

相关JS:

$scope.companies = [{
        "id": 3,
        "name": "Twitter"
    }, {
        "id": 2,
        "name": "Google"
    }, {
        "id": 1,
        "name": "Apple"
    }]
Run Code Online (Sandbox Code Playgroud)

相关HTML:

<table>
  <tr ng-repeat="company in companies">
     <td>
       <input type="radio" ng-model="companyId" name="companyId" value="{{company.id}}" />{{company.name}}
      </td>
  </tr>
</table>

<button ng-disabled="!companyId">Continue</button>
Run Code Online (Sandbox Code Playgroud)

的jsfiddle

谢谢!

angularjs

6
推荐指数
1
解决办法
3万
查看次数

Play Framework 2双因素身份验证?

我想知道是否有任何好的库可以使用SecureSocial使用Play Framework 2应用程序实现双因素身份验证?我做了大量的谷歌搜索,并没有发现任何东西.

two-factor-authentication playframework-2.0

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

在ng-click AngularJS中单击Ng

我有一个链接使用ng-click表格行内部也使用该ng-click指令.

当我点击链接时,两个ng-click指令都会触发.如何调整它们以便只激发最特定的一个(移除项目)?

 <tr ng-repeat="item in items" ng-click="viewItem(item.id)">
   <td>{{ item.name }}</td>
   <td><a ng-click="removeItem(item.id, 'item.name')">Remove item</a></td>
 </tr>
Run Code Online (Sandbox Code Playgroud)

谢谢!

angularjs

3
推荐指数
1
解决办法
462
查看次数

根据AngularJS中的动态内容显示/隐藏表格行?

我有一个HTML表格如下:

<table>
  <tr ng-show="showCats"><td>Cat</td><td>1</td></tr>
  <tr ng-show="showDogs"><td>Dog</td><td>2</td></tr>
  <tr ng-show="showCats"><td>Cat</td><td>4</td></tr>
  <tr ng-show="showDogs"><td>Dog</td><td>3</td></tr>
  <tr ng-show="showCats"><td>Cat</td><td>5</td></tr>
  <tr ng-show="showLizards"><td>Lizard</td><td>1</td></tr>
  <tr ng-show="showLizards"><td>Lizard</td><td>3</td></tr>
  <tr ng-show="showMice"><td>Mouse</td><td>5</td></tr>
  <tr ng-show="showMice"><td>Mouse</td><td>1</td></tr>
  <tr ng-show="showDogs"><td>Dog</td><td>3</td></tr>
</table>
Run Code Online (Sandbox Code Playgroud)

链接如下:

<a href="#" ng-click="showRows('all')">Show all</a>
<a href="#" ng-click="showRows('cats')">Cats</a>
<a href="#" ng-click="showRows('dogs')">Dogs</a>
<a href="#" ng-click="showRows('lizards')">Lizards</a>
<a href="#" ng-click="showRows('mice')">Mice</a>
Run Code Online (Sandbox Code Playgroud)

在点击动物类型时,Angular隐藏/显示每一行的正确方法是什么?我知道过滤器,但我的印象是这只适用于在Angular中使用生成的表ng-repeat.(此表是在服务器端生成的.)

我有一个工作解决方案,showAnimal根据点击的内容手动将每个变量设置为true/false,但这似乎是一种低效,不可扩展的方法.谢谢!

angularjs angularjs-ng-repeat

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