标签: angular-ui

我们想使用Angular UI ng-grid,但似乎找不到一个选项来告诉网格中的视口不要将溢出设置为auto而不是滚动.

我们想要做的是根据网格中行数的大小使表/网格高度动态化.我们有一个固定的最大行数,因此几乎不用担心DOM中有太多行.

关于去哪里的任何建议？

我的问题是这个问题的延伸

从ng-grid获取选择的行？

plunker - http://plnkr.co/edit/DiDitL?p=preview

我需要在页面加载时选择一行,我需要避免收听'ngGridEventData'

调用$ scope.gridOptions.selectRow(2,true); 由于网格尚未加载,因此控制器主体失败.

避免监听ngGridEventData是因为我需要控制器监听之前触发的事件,并根据我需要选择nggrid行.

有任何想法吗？

我正在尝试扩展angular-ui tabset功能,我遇到了包装它的问题.

这个plunker是未包装的tabset指令:

http://plnkr.co/edit/AhG3WVNxCal5fZOUbSu6?p=preview

这个plunker包含我第一次尝试包装tabset指令:

http://plnkr.co/edit/naKXbeVOS8nizwDPUrkT?p=preview

最初的包装方法是直接包装.但是......我在替换模板中引入了额外的div,以避免"多个指令要求隔离范围"和"多个指令要求转换"角度错误并确保发生转换.

关键代码段:

.directive('urlTabset', function() {
  return {
    restrict: 'E',
    transclude: true,
    replace: true,
    scope: {
      tabManager: '='
    },
    controller: [ "$scope", function($scope) {
      var tabManager = $scope.tabManager;
    }],
    template:
      '<div>' +
        '<tabset>' +
          '<div ng-transclude>' +
          '</div>' +
        '</tabset>' +
      '</div>'
  };
})

.directive('urlTab', function() {
  return {
    require: '^urlTabset',
    restrict: 'E',
    transclude: true,
    replace: true,
    scope: { tabName: '@' },
    link: function(scope, element, attrs, urlTabsetCtrl) {
    },
    template:
      '<div>' +
        '<tab>' +
          '<div …

Angular UI Bootstrap引入了几个新的HTML标记,例如accordion和accordion-group.Angular在教授浏览器使用这些新技巧方面做得很好.

但是,我如何教Visual Studio不抱怨未知元素？也许有一种方法可以告诉Visual Studio标签或编写不使用非标准标签的HTML的方法.

我正在尝试使用Angular-UI v0.10.0(http://angular-ui.github.io/bootstrap/)和Angular 1.1.5 来显示模式,我收到以下错误:

错误:$ modal.open不是函数

我不确定或为什么我收到这个错误.这是我的...

HTML:

    <div ng-controller="ModalDemoCtrl">
        <button class="btn btn-default btn-sm" ng-click="open()">open me</button>
    </div>

JS:

app.controller('ModalDemoCtrl', ['$scope', '$modal', function ($scope, $modal) {
    $scope.open = function () {
        var modalInstance = $modal.open({
            templateUrl: 'template.html',
            controller: 'ModalInstanceCtrl', 
            resolve: {}
        });
    };
}]);

app.controller('ModalInstanceCtrl', ['$scope', '$modalInstance', function ($scope, $modalInstance) {
    $scope.ok = function () {
        $modalInstance.close();
    };
    $scope.cancel = function () {
        $modalInstance.dismiss('cancel');
    };
}]);

我只是想先把基础知识放下来......就像让它打开一样.我几乎耗尽了我的资源,所以任何帮助都将不胜感激!谢谢!

我想为ng-grid启用页脚,但我想完全自定义它并覆盖默认情况下ng-grid的功能.

基本上,我只想在网格底部添加一个"加载更多..."链接,根据pagingOptions.pageSize设置的内容从服务器加载更多行,并在动态扩展时将其附加到网格底部视口高度,所以没有滚动条.

是否有配置挂钩,或者我在哪里/如何做到这一点？

谢谢.

我正在使用角度UI引导程序弹出日期选择器来构建一个指令,它将允许我在需要的地方添加日期选择器.

当我将其与uiMask指令结合使用时,当我选择日期时,输入中的值会被加扰.

这是我的HTML:

<p class="input-group">
    <input type="text" class="form-control" 
           ui-mask="99/99/9999"
           ng-model="ngModel" 
           ng-model="order.date" 
           datepicker-popup="MM/dd/yyyy" 
           is-open="opened" 
           datepicker-options="dateOptions" 
           date-disabled="disabled(date, mode)" 
           ng-required="true" 
           close-text="Close" />
    <span class="input-group-btn">
        <button type="button" class="btn btn-default" ng-click="open($event)">
            <i class="glyphicon glyphicon-calendar"></i>
        </button>
    </span>
</p>

我的JS:

/**
 * DATE PICKER
 */
$scope.today = function () {
    $scope.dt = new Date();
};
$scope.today();

$scope.clear = function () {
    $scope.dt = null;
};

// Disable weekend selection
$scope.disabled = function (date, mode) {
    return (mode === 'day' && (date.getDay() …

实际日期来自JSON

需要格式化如下.

Effective Date : 2010-08-31 (trim the time stamp)
End Date : 2010-08-31 (trim the time stamp)

使用以下代码格式化Ng-Repeat内的日期.

    <li ng-repeat="product in data | startFrom:currentPage*pageSize | limitTo:pageSize"
           ng-click="getAttributes(product)">   
       {{product.prod_start_date| date:'MM/dd/yyyy'}}
       {{product.prod_end_date| date:'MM/dd/yyyy'}}
    </li>

但它不起作用仍然显示相同.

应该将日期作为新日期传递,如下面的jsfiddle示例 http://jsfiddle.net/southerd/xG2t8/所示

请注意如何在ng-repeat中执行此操作.请帮助我.提前致谢

使用Angular UI Bootstrap,我们如何构建垂直堆叠的选项卡,这些选项卡与选项卡内容左对齐,看起来像这样？

我有一个代码:

element.addEventListener('dragstart',function(e){
   e.dataTransfer.setData('Text', 'something is here');
},false);

当我在事件Drop运行时从DataTransfer.getData获取数据时.但是当我想在事件dragover或dragenter中获取数据时,数据为空.

element.addEventListener('dragover',function(e){
   var a = e.dataTransfer.getData('Text');
   console.log(a);
},false);

那么,如何在事件dragover或dragenter中获取数据