小编Viv*_*ivz的帖子

Angular.js ng-repeat跨越多个tr

我使用Angular.js作为一个应用程序,它使用隐藏的trs来模拟滑出效果,方法是显示tr并向下滑动下面td中的div.当迭代这些行的数组时,这个过程使用knockout.js非常有效,因为我可以使用<!-- ko:foreach -->两个tr元素.

对于angular,ng-repeat必须应用于html元素,这意味着我似乎无法使用标准方法重复这些双行.我对此的第一个回应是创建一个表示这些双trs的指令,但由于指令模板必须有一个根元素,但我有两个(<tr></tr><tr></tr>).

如果有任何有ng-repeat和angular经验的人已经破解了这个可以解释如何解决这个问题,我将非常感激.

(我还应该注意,附加ng-repeat到tbody是一个选项,但这会产生多个tbodys,我认为这是标准HTML的不良形式,但如果我错了,请纠正我)

html javascript angularjs

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

104
推荐指数
5
解决办法
25万
查看次数

如何在AngularJs中的指令内修改范围

我需要在指令内的回调中修改根范围属性.但该指令位于由switch指令创建的内部作用域中.

HTML

<div ng-app="app" ng-controller='AppController'>
    <p>Selected: {{ selected }}</p>
    <div ng-switch on="selected">
        <div ng-switch-default>
            <p>Item: {{ selected }}</p>
            <custom-tag selected-item="selected" />
        </div>
        <div ng-switch-when="New value">
            <p>Worked</p>
        </div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

JavaScript的

angular.module('app', [])    
    .directive("customTag", [function () {
    return {
        restrict: "E",
        replace: true,
        template: "<input type='button' value='Click me' />",

        link: function (scope, element, attrs) {
            element.bind('click', function () {
                scope[attrs.selectedItem] = "New value";
                scope.$apply();
            });
        }
    };
}]);

function AppController($scope) {
    $scope.selected = 'Old value';
}
Run Code Online (Sandbox Code Playgroud)

小提琴:http://jsfiddle.net/nJ7FQ/

我的目标是能够在Selected区域中显示"New …

angularjs angularjs-directive angularjs-scope

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

在AngularJS中触发输入文件单击事件

我试图模仿AngularJS中的文件输入上的单击事件.我见过工作jQuery示例,但我不想使用jQuery.

'use strict';

angular.module('MyApp', []).

controller('MyCtrl', function($scope) {
  $scope.click = function() {
    setTimeout(function() {
      var element = angular.element(document.getElementById('input'));
      element.triggerHandler('click');
      $scope.clicked = true;
    }, 0);
  };
});
Run Code Online (Sandbox Code Playgroud)
<script src="https://code.angularjs.org/1.3.14/angular.js"></script>
<div ng-app="MyApp" ng-controller="MyCtrl">
  <input id="input" type="file"/>
  <button ng-click="click()">Click me!</button>
  <div ng-if="clicked">Clicked</div>
</div>
Run Code Online (Sandbox Code Playgroud)

注意:由于某种原因,需要按两次按钮才能触发超时功能.

我正在使用setTimeout因为这篇文章.

如何使用AngularJS/vanilla JavaScript以编程方式单击文件输入?

html javascript angularjs

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

Angularjs $ document [0] .activeElement而不是$ document.activeElement

我正在使用angularjs编写占位符指令.

在单击处理程序上,我想检查元素和document.activeElement是否相同.

我试图用$docuemnt.activeElement它,但它总是undefined.但是当我使用时,$document[0].activeElement我正在获得当前活跃的元素.

$document[0].activeElement访问当前活动元素的正确方法吗?或者我做错了什么?

javascript angularjs angularjs-directive

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

第一次打开应用程序时的Android说明?

你知道吗 在此输入图像描述

好吧,我想创建像这个屏幕的东西.当我第一次打开应用程序时,我想打开这个屏幕并显示一个上下文..怎么可能?我不知道是什么搜索这种类型的东西..

android instructions android-layout

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

为什么这个工厂返回$$状态对象而不是response.data?

所以我在服务器中有一组对象,我想在页面加载时填充ng-repeat.

我有一个工厂从服务器上的资源中获取列表,如下所示:

  app.factory('objectArray', ['$http', function($http) {
      // This is returning a $$state object
      // instead of response.data...
      return $http.post('/get_collection').then(function(response) {
          console.log(response.data);
          return response.data;
      });
  }]);
Run Code Online (Sandbox Code Playgroud)

在使用ui-router和state声明中的resolve属性之前,我已经有了这段代码.但是当将这个工厂直接注入我的控制器时,而不是获得response.data我得到一个$$状态对象.

我的控制器看起来像这样:

 app.controller('applicationController', ['$scope', 'objectArray', function($scope, objectArray) {
     $scope.array = objectArray;
     console.log($scope.array);
 }]);
Run Code Online (Sandbox Code Playgroud)

state factory angularjs

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

点击即可在javascript中调用网址

我有一个javascript函数.点击即可调用此方法.使用document.getElementById我在那里获得某些参数.使用该参数我需要构建一个url.即,onclick必须执行该URL.

例如,在javascript中,

function remove()
{
var name=...;
var age = ...;
// url should be like http://something.jsp?name=name&age=age
}
Run Code Online (Sandbox Code Playgroud)

简而言之,我需要http://something.jsp?name=name&age=age在点击时执行此URL

<input type="button" name="button" onclick="remove();" />
Run Code Online (Sandbox Code Playgroud)

javascript url jsp

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

react-native:构建因异常而失败

从升级后0.170.19我每次收到此错误我想buildapplication使用(react-native run-android).我已经尝试降级到0.17,但它没有帮助,问题是一样的.我也在网上搜索过但找不到与我的问题类似的东西.我想问题gradle不在于react-native自身,而是我不知道如何解决它?

这是错误:

Starting JS server...
Starting the packager in a new window is not supported on Windows yet.
Please start it manually using 'react-native start'.
We believe the best Windows support will come from a community of people
using React Native on Windows on a daily basis.
Would you be up for sending a pull request?
Building and installing the app on the device (cd …
Run Code Online (Sandbox Code Playgroud)

android build gradle react-native

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

我可以在 YouTube 上上传视频并限制其只能在我的网站上观看吗?

我可以在 Youtube 上上传视频并限制其只能在我的网站上观看吗?我不希望它被直接在 YouTube 上观看。

youtube api youtube-api

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