标签: angular-ui

在我的HTML中,我有这一行:

<input  ng-change="privChanged()" ng-model="selectedPriv" ui-select2="privsSelect2options"></input>

和privsSelect2options功能:

$scope.privsSelect2options = {
    placeholder: "Wybierz privo",
    allowClear:true,
    minimumInputLength: function(){return  3;},
    formatInputTooShort: function (input, min) {return "Wprowad? conajmniej " + min + " znaki.";},
    formatSearching: function () { return "Wyszukiwanie..."; },
    formatNoMatches: function () { return "Nie znaleziono pasuj?cych województw."; },
    query: function (query) {
       query.callback( {results: $filter('filter')($scope.privs,{name: query.term}) } );
    },
    formatResult: function(priv){
        return priv.name;
    },
    formatSelection: function(priv){
        return priv.name;
    }
}; 

一切正常,当我输入3个字母时,它会过滤结果并显示正确但我无法点击并从结果列表中选择任何项目.有谁可以帮我解决这个问题？它甚至没有进入formatSelection功能.

我想在另一个控制器中共享一个控制器的$ scope函数,在本例中是一个AngularUI对话框.

特别是在下面的例子中,我希望$ scope.scopeVar在PopupCtrl中可用.

这是一个普兰克

在此处根据mlarcher的评论解析代码

main.js

angular.module('MyApp', ['ui.bootstrap']);

var MainCtrl = ['$scope', '$dialog', '$rootScope', function($scope, $dialog, $rootScope) {

  $scope.myTestVar = "hello";

  $scope.myOpts = {
    backdrop: true,
    keyboard: true,
    backdropClick: true,
    resolve: { MainCtrl: function() { return MainCtrl; }},
    templateUrl: 'myPopup.html',
    controller: 'PopupCtrl'
  };

  $scope.scopeVar = 'scope var string that should appear in both index.html and myPopup.html.';
  $rootScope.rootScopeVar = "rootScope var string that should appear in both index.html and myPopup.html.";

  $scope.openDialog = function() {

    var d = $dialog.dialog($scope.myOpts);

    d.open().then(function() { …

有没有办法$stateParams从解析函数中调用的服务访问您正在转换的状态？随着ngRoute你使用$route.current.params.正如这个最小的插件所示,服务只能看到你要离开的状态:

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

我得到新$stateParams时$stateParams直接注入下决心功能,但数值仍落后于服务的一个途径.

我错过了什么？

我正在尝试使用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');
    };
}]);

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

实际日期来自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,但我很难让它工作.以下是我遵循的步骤:

index.html(Angular v1.0.1,AngularUI v0.2.1)

<script src="scripts/vendor/angular.js"></script>
<script src="scripts/vendor/jquery-1.7.2.js"></script>
<script src="scripts/vendor/jquery-ui-1.8.18.js"></script>
<script src="scripts/vendor/bootstrap.js"></script>
<script src="scripts/vendor/angular-ui.js"></script>

app.js

var publicApp = angular.module('publicApp', ['ngResource', 'ui'])

我的HTML

<input name="dateField" class="datepicker" value="Click Here for Datepicker" ui-date>

我收到这个错误:

TypeError: Object [[object HTMLInputElement]] has no method 'datepicker'

在chrome中使用JS控制台可以:

$('.datepicker').datepicker()

我究竟做错了什么？

你知道是否有人将Bootstrap的脚本移植到AngularJS？

我需要我的应用程序的Bootstrap的分割按钮下拉菜单,我真的想避免拉jQuery.我似乎没有谷歌这个.

我准备了一个小提琴并将其煮至最低限度:

http://jsfiddle.net/lpeterse/NdhjD/4/

<script type="text/javascript">
    angular.module('app', ['ui.bootstrap']);

    function Ctrl($scope) {
      $scope.foo = "42";
}
</script>


<div ng-app="app" ng-controller="Ctrl">
    1: {{foo}}<br />
    2: <input ng-model="foo" />
    <tabs>
        <pane heading="tab">
            3: {{foo}}<br />
            4: <input ng-model="foo" />
        </pane>
    </tabs>    
</div>

在开始时,所有视图都参考模型Ctrl.foo.

如果您在输入中更改某些内容,2:则会正确更新模型,并且此更改会传播到所有视图.

更改输入中的内容4:只会影响同一窗格中包含的视图.它的行为类似于以某种方式分叉的范围.之后的变化2:不再反映在标签中.

我阅读了有关指令,范围和转换​​的角度文档,但无法找到对此不良行为的解释.

我会很感激任何提示:-)

我在视图中有以下代码:

<li ng-repeat="i in items">{{i.id}}</li>

我希望在ng-repeat添加/删除新值时动态触发items.就像在,如果一个新元素被添加到items那个开头那么它应该在开始时动态地呈现给DOM,并且类似地如果元素被添加到该items项目的结尾应该被呈现为最后一个列表项.这种DOM的动态变化是否可能是有角度的？

Bootstrap 3模式工作正常:https: //jsfiddle.net/qLy7gk3f/4/

但Bootstrap 4模式不会:https: //jsfiddle.net/qLy7gk3f/3/

代码完全相同:

$scope.click = function() {
  $uibModal.open({
    templateUrl: "modal.html",
    controller: "modal",
    scope: $scope
  });
}

如何让AngularUI模态与Bootstrap 4一起使用？