javascript

java

python

c#

android

node.js

c++

reactjs

php

html

jquery

css

.net

ios

git

ruby-on-rails

sql

c

string

ruby

angular ui-无法在angularjs中获取textarea值

这是我的plnkr:[http://plnkr.co/edit/n8cRXwIpHJw3jUpL8PX5?p=preview]您必须单击li元素,然后表格会出现。 输入一个随机字符串,然后点击“添加通知”。 代替textarea文本,您将得到未定义。

标记:

<ul>
    <li ng-repeat="ticket in tickets" ng-click="select(ticket)">
         {{ ticket.text }}
    </li>
</ul>
<div ui-if="selectedTicket != null">
     <form ng-submit="createNotice(selectedTicket)">
        <textarea ng-model="noticeText"></textarea>
        <button type="submit">add notice</button>
    </form>
</div>

JS部分:

$scope.createNotice = function(ticket){
   alert($scope.noticeText);
}

返回“未定义”。 我注意到当使用angular-ui的ui-if时,这不起作用。 任何想法为什么这不起作用? 如何解决?

trans by 2020-01-27T14:23:50Z

angularjs-提前输入Angular-UI:显示标签,但仅绑定到值

我通过以下方式使用Angular-UI typeahead:

<input type="text" ng-model="myModel" typeahead="o.value as o.text for o in options | filter:$viewValue | limitTo:5" typeahead-editable="false" />

绑定到像这样的模型:

var options = [
    {"value": 1, "text": "value1"},
    {"value": 2, "text": "value2"},
    ...
];

它正确显示了选项文本,但是当我选择一个项目时,它在文本框中显示了值。 模型仅正确地绑定到值(而不是整个模型对象)。

选择后是否可以在文本框内显示“文本”(而不是“值”),仍将模型绑定到仅值(即:当我选择某个“文本”时,模型将使用“值”更新) )?

trans by 2020-01-22T16:21:23Z

angularjs-检查输入框是否为空

如何检查给定的输入控件是否为空? 我知道字段上有$pristine属性,该属性告诉您给定的字段最初是否为空,但是如果有人填充该字段并再次提取整个内容该怎么办?

我认为上述功能是必要的,因为它对告知用户该字段必不可少。

任何想法将不胜感激!

trans by 2020-01-10T16:19:06Z

angular ui-使用Angular UI Bootstrap Mod的AngularJS中的范围问题

塞子:[http://plnkr.co/edit/wURNg8ByPYbEuQSL4xwg]

example.js:

angular.module('plunker', ['ui.bootstrap']);
  var ModalDemoCtrl = function ($scope, $modal) {

  $scope.open = function () {
    var modalInstance = $modal.open({
      templateUrl: 'modal.html',
      controller: 'ModalInstanceCtrl'
    });
  };
};

var ModalInstanceCtrl = function ($scope, $modalInstance) {

  $scope.ok = function () {
    alert($scope.text);
  };

  $scope.cancel = function () {
    $modalInstance.dismiss('cancel');
  };
};

index.html:

<!doctype html>
<html ng-app="plunker">
  <head>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.js"></script>
    <script src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.6.0.js"></script>
    <script src="example.js"></script>
    <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css" rel="stylesheet">
  </head>
  <body>

  <div ng-controller="ModalDemoCtrl">
    <button class="btn" ng-click="open()">Open me!</button>
    <div ng-show="selected">Selection from a modal: {{ selected }}</div>
  </div>
 </body>
</html>

modal.html:

<div class="modal-header">
    <h3>I'm a modal!</h3>
</div>
<textarea ng-model="text"></textarea>
<div class="modal-footer">
    <button class="btn btn-primary" ng-click="ok()">OK</button>
    <button class="btn btn-warning" ng-click="cancel()">Cancel</button>
</div>

为什么即使我可以使用$ scope.ok和$ scope.cancel,也无法获得ModalInstanceCtrl中定义的$ scope.text?

trans by 2020-01-07T15:12:14Z

angularjs-有没有一种方法可以在路线更改时自动关闭Angular UI Bootstrap模态?

我在模态内部的模板中有链接。 当我单击它们时,当前页面会更改,但是叠加层和模式保留。 我可以在模态下所有模板的每个链接中添加ng-click="dimiss()",但是有更好的方法吗? 例如。 在成功更改路线时自动将其关闭,或者每个模板仅添加一个ng-click以处理所有链接?

trans by 2020-01-01T13:31:45Z

angularjs-ui路由器解析与动态参数

这可能很简单,但是我在文档中找不到任何内容,因此使用谷歌搜索没有帮助。 我正在尝试在$routeParams中定义一个状态,在该状态中,我需要在服务器上命中以提取所需数据的URL取决于状态URL参数。 简而言之,类似于:

 .state('recipes.category', {
    url: '/:cat',
    templateUrl: '/partials/recipes.category.html',
    controller: 'RecipesCategoryCtrl',
    resolve: {
      category: function($http) {
        return $http.get('/recipes/' + cat)
          .then(function(data) { return data.data; });
      }
    }
  })

上面的方法不起作用。 我尝试注入$routeParams以获取所需的cat参数,但是没有运气。 什么是正确的方法?

trans by 2019-12-29T22:18:39Z

angularjs-缺少Angular ui引导指令模板

我目前正在计算机上本地测试角度bootstrap-UI。 当我尝试重新创建手风琴和对话框的示例时。 我在控制台中收到此错误消息,提示模板丢失。

错误示例:       找不到404-localhost / angular / template / message.html

当我查看bootstrap-UI时,该指令具有一个URL模板。

该指令的bootstrap-UI的用途是什么?

当我下载整个angular bootstrap-UI zip文件时,这些模板应该包含在内吗?

我是否缺少应包含在标题中的其他文件?

<link rel="stylesheet" href="includes/css/bootstrap.css">
<script src="includes/js/angular.js"></script>
<script src="includes/js/ui-bootstrap-0.1.0.js"></script>
trans by 2019-12-25T11:03:19Z

AngularJS。 调用angular-ui mod时清除$ timeout

我在Modal控制器中有几个$timeout表达式

App.controller('ModalCtrl', function ($scope, $timeout) {
    for (var i = 0; i < 10; i++) {
        (function () {
            var timer = $timeout(function () {
                console.log('timer')
            }, 1000);
        })()
    }
})

调用模式时,我需要清除所有计时器:

App.controller('MainCtrl', function ($scope, $modal, $timeout) {
    $scope.showMap = function () {
        var modal = $modal.open({
            templateUrl: 'modalap.html',
            controller: 'modalCtrl',
        })

        modal.result.then(function () { //fires when modal is resolving
        }, function () { //fires when modal is invoking
        });
    } })

我怎样才能做到这一点?

PS对不起,错误的代码格式。 我不知道为什么,但我无法更好地格式化它。 我在这里复制了代码:

trans by 2019-11-11T03:45:09Z

Javascript-angular js:在单击外部或按Escape键时防止Bootstrap Modal消失吗?

我正在使用角度引导程序来呈现模态。 但是我的要求是防止在模态外部单击或按退出键时弹出弹出。

我在有角度的引导站点上遵循了该教程:[http://angular-ui.github.io/bootstrap/]

enter image description here

trans by 2019-10-28T15:04:35Z

angularjs-在自定义事件上启用angular-ui工具提示

我正在尝试使用angular-ui的工具提示功能向用户显示特定字段无效,但似乎只能在某些预定义的触发器上显示该工具提示。 除了那些触发器之外,还有什么方法可以触发工具提示?

例如:

<input
    type="text"
    tooltip="Invalid name!"
    tooltip-position="right"
    tooltip-trigger="myForm.username.$invalid">
trans by 2019-10-09T18:12:23Z

javascript-如何使用ui-router为AngularJS提取查询参数?

如何使用ui-router for AngularJS提取查询参数?

在AngularJS自己的$location服务中,我做到了:

($ location.search())。uid

从URL中提取参数uid。 ui-router的对应代码是什么?

trans by 2019-10-07T12:15:25Z

javascript-角度ui路由器滚动到顶部,而不是ui-vi

我刚刚从<ui-view autoscroll="false">;升级到了$uiViewScrollProvider.useAnchorScroll();,我注意到当状态改变时,滚动位置跳到新状态下的子项viewport的顶部。

很好,但是我有两个问题:

1)我在页面顶部和$uiViewScrollProvider.useAnchorScroll();之间填充了30px的空白,我希望它滚动到页面顶部,并留出间隔。 目前,它正好到达了<ui-view autoscroll="false">;的顶部,看上去很难看。 为此,我想我要么需要知道如何使其滚动到ui视图所在的div顶部(而不是浏览器viewport),要么我需要找出如何覆盖$uiViewScroll才能滚动至 ui-view减去30px。

我已经尝试了$uiViewScrollProvider.useAnchorScroll();,但是如果我这样做,它根本不会滚动。 我还尝试了<ui-view autoscroll="false">;,它也完全停止了滚动。

2)它目前实际上并没有滚动,只是跳了起来。 是否应该滚动或由CSS转换由开发人员来完成?

任何帮助将不胜感激:)

trans by 2019-10-02T14:00:15Z

javascript-当用户使用UI-Rou过渡到其父状态时,将其定向到子状态

考虑以下:

.state('manager.staffList', {url:'^/staff?alpha', templateUrl: 'views/staff.list.html', data:{activeMenu: 'staff'}, controller: 'staffListCtrl'})
.state('manager.staffDetail', {url:'^/staff/{id}' , templateUrl: 'views/staff.html', data:{activeMenu: 'staff'}, controller: 'staffDetailsCtrl'})
  .state('manager.staffDetail.view', {url:'/view',  templateUrl: 'views/staff.details.html', data:{activeMenu: 'staff'}})
    .state('manager.staffDetail.view.schedule', {url:'/schedule', templateUrl:'views/staff.view.schedule.html', data:{activeMenu: 'staff'}})
    .state('manager.staffDetail.view.history', {url:'/history' , templateUrl:'views/staff.view.history.html', data:{activeMenu: 'staff'}})
    .state('manager.staffDetail.view.log', {url:'/log', templateUrl:'views/staff.view.log.html', data:{activeMenu: 'staff'}})
    .state('manager.staffDetail.view.files', {url:'/files', templateUrl:'views/staff.view.files.html', data:{activeMenu: 'staff'}})
  .state('manager.staffDetail.edit', {url:'/edit',  templateUrl: 'views/staff.edit.html', data:{activeMenu: 'staff'}})

如果我转到domain.com/staff/1234/view,我该如何默认为manager.staffDetail.view.schedule子状态?

trans by 2019-09-23T00:35:57Z

angularjs-带有angular-ui引导程序的响应下拉导航栏(以正确的角度方式完成)

我使用angular-ui-boostrap的模块“ ui.bootstrap.dropdownToggle”创建了一个带有下拉导航栏的JSFiddle:[http://jsfiddle.net/mhu23/2pmz5/]

<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
    <div class="container"> <a class="brand" href="#">
                My Responsive NavBar
            </a>

        <ul class="nav">
            <li class="divider-vertical"></li>
            <li class="dropdown"> <a href="#" class="dropdown-toggle">
                        Menu 1 <b class="caret"></b>
                    </a>

                <ul class="dropdown-menu">
                    <li><a href="#/list">Entry 1</a>
                    </li>
                    <li><a href="#/list">Entry 2</a>
                    </li>
                </ul>
            </li>
          ....
        </ul>
    </div>
</div>
</div>

据我了解,这是实现此类下拉菜单的正确方法。 就angularjs而言,“错误”方式将包括bootstrap.js并使用“ data-toggle =“ dropdown” ...我在这里吗?

现在,我想像下面的小提琴一样向我的导航栏添加响应行为:[http://jsfiddle.net/ghtC9/6/]

但是,我不喜欢上述解决方案。 这个家伙包括bootstrap.js!

那么向我现有的导航栏添加响应行为的正确角度方式是什么?

我显然需要使用引导响应的navbar类,例如“ nav-collapse折叠navbar-响应-折叠”。 可是我不知道

非常感谢您的帮助!

先感谢您!迈克尔

trans by 2019-09-21T19:47:46Z

angular ui - 如何将AngularUI与AngularJS集成?

抱歉这个愚蠢的问题,大家都知道如何开始使用AngularUI吗? 我从Github下载了它并阅读README中的说明但仍然不明白我必须做什么。

trans by 2019-09-18T04:01:04Z

angularjs - 如何防止angular-ui模态关闭?

我在我的项目中使用Angular UI $ modal[http://angular-ui.github.io/bootstrap/#/modal]

我不希望用户通过按背景来关闭模态。 我想只能通过按下我创建的关闭按钮来关闭模态。

如何阻止模态关闭?

trans by 2019-09-15T10:01:55Z

angular ui - 如何检测方向内的当前状态

我正在使用AngularUI的路由,我想做ng-class="{active: current.state}",但我不确定如何在这样的指令中准确检测当前状态。

trans by 2019-09-01T16:11:33Z

angularjs - 你可以覆盖Angular UI Bootstrap中的特定模板吗?

我很好奇是否有办法覆盖ui-bootstrap-tpls文件中的单个特定模板。 绝大多数默认模板都符合我的需求,但有一些特定的模板我想要更换而不经历抓取所有默认模板并将它们连接到非tpls的整个过程 版。

trans by 2019-08-28T19:43:20Z

angularjs - selectMatch上的angular ui-bootstrap typeahead回调?

我使用了角度ui-bootstrap typeahead,我想用它作为一种方法来获取很多选择,因此我需要在启动selectMatch方法时获取所选值,但我可以&#39 ;在我的控制器中找到如何做到这一点

<div class='container-fluid' ng-controller="TypeaheadCtrl">
<pre>Model: {{selected| json}}</pre>
<input type="text" ng-model="selected" typeahead="state for state in states | filter:$viewValue">

如果我看到所选的值,每按一次键我都会得到更改...

scope.$watch('selected', function(newValue, oldValue) {... });

我知道方法selectMatch是当用户按回车或点击列表时调用的方法,但我不知道如何回调...

谢谢 !

trans by 2019-08-19T03:26:29Z

angularjs - 否则在StateProvider上

使用angular-ui-router,如何在$ stateProvider上使用其他方法或者我该如何使用它?

trans by 2019-08-09T09:22:20Z

1 2 下一页 共2页