小编San*_*ngh的帖子

下列

button(type="button", target="_blank", onclick="location.href='auth/google';")

不起作用.它在同一窗口中打开链接.仅供参考,它是node.js程序的一部分,其中我使用的是用于google身份验证的passportjs.

我正在使用angular-ui-router.提交表单时,我想激活ui-routing,它是用Angularjs中ui-sref= "url"没有action元素定义的,所以我使用的是ng-submit元素.

我如何/在哪里定义ui-sref网址？

在form典型地具有下面的代码.但是下面的'url'不是通过ui-router路由的.

form(name="LNquestionForm", action="/url")

我想做点什么

form(name="LNquestionForm", ng-submit='ui-sref = "url" ')

因此路由通过myAngularApp.js进行: -

var myApp = angular.module('myApp', ['ui.router']);

myApp.config(function($stateProvider, $urlRouterProvider) {

  // Now set up the states
  $stateProvider
    .state('/url', {
      url: "/url",
       templateUrl: "partials/someLink" }

    })

我收到以下错误: -

[Error: text search not enabled]

我正在运行folliowing函数,它本质上是一个mongoose-mongodb操作.

var textSearch = require('mongoose-text-search');

exports.dbTextSearch = function () {
    console.log('dbTextSearch');
    var gameSchema = mongoose.Schema({
        name: String
      , tags: [String]
      , likes: Number
      , created: Date
    });

    gameSchema.plugin(textSearch);

    gameSchema.index({ tags: 'text' });

    var Game = mongoose.model('Game', gameSchema);

    Game.create({ name: 'Super Mario 64', tags: ['nintendo', 'mario', '3d'] }, function (err) {
    Game.textSearch('3d', function (err, output) {
        if (err) return console.log(err); // this outputs the error.
        var inspect = require('util').inspect;
      console.log(inspect(output, { depth: null })); …

.div(ng-repeat='item in items') 
   button(id='ID{{$index}}') No Hi

button(id='anotherID1') Hi

内部相关的角度指令

$('#ID1').on('click', function() {alert('hi');});  // does not work 

$('#anotherID1').on('click', function() {alert('hi');}); // works

我正在执行DOM操作,我需要ng-repeat元素的唯一ID.还请建议是否可以以任何其他方式执行DOM操作.

编辑:@tymeJV: -

 style.
  .ques {
    height: 50px;
    overflow:hidden;
  }



<div ng-repeat='item in items'>
    <div class='ques'> {{item.ques}}
    </div>
    <button id='ID{{$index}}'> No Hi </button>
</div>

//指令代码: - 增加高度 <div class = 'ques'>

HTML

<div repeater ng-repeat='item in items' class='first' id = '{{$index}}' > {{item}} </div>

angularjs指令: -

angular.module('time', [])
  .directive('repeater', function() {

    var linkFn = function(scope, element, attrs){
      var id = $(element).attr('id');
      alert(id); // {{$index}}
    } ...

在ng-repeat中创建的动态id,当在指令内部显示为{{$ index}}时,而不是value = 0,1,2 ......

如何确保指令中的链接器函数执行时使用动态ID？我认为可以在指令中使用$ compile来完成.但我不知道怎么样？

$compile(element)(scope) 

是语法.但显然错误的顺序.

app.get('/logout', function (req, res){

    req.url='/';
    console.log('req.url is ' + req.url);

    req.session.state = null;

    res.redirect('/login');
});

在重定向时,'url'保持不变.我希望它也能改变它.我尝试使用req.url.但它没有反映在url-bar上.你怎么改变它？

注意: - 我正在使用Angularjs Routing,因此res.redirect不会自动更新url.

编辑: - 角度代码: -

$http({method: 'GET', url: '/logout'}).
        success(function(data, status, headers, config) {
          console.log('happened');

        }).
        error(function(data, status, headers, config) {
          // called asynchronously if an error occurs
          // or server returns response with an error status.
        });

CSS3属性的默认方向transition: width 1s是从左到右增加宽度.

怎么可能从右到左反转方向？CSS3有可能吗？还是需要一些其他jQuery插件？请看一下演示小提琴.按下按钮时,宽度从左向右增加.我想扭转这种局面.

我想捕获按钮的点击事件.按钮的id在ng-repeat内动态生成.

.set(ng-repeat='button in ['4', '3' , '2', '1' ]')
   button(id='{{$index}}') button {{button}}

按钮4
按钮3
按钮2
按钮1

上面我把my-dir指令属性/类放在哪里？

.my-dir
  .set ...

以上不起作用.

和

.my-dir.set ...

多次执行链接功能.

/*下面的代码更详细,如果上面的陈述不够清楚*/

指令是

myApp.directive('myDir', function() {
var linkFn = function(scope, element, attrs) {

  alert('inside linkFn');
  $('button').on('click', function() { alert('button clicked');});
} 

  return {
    restrict: 'C', 
    link: linkFn
  }
});

使用ng-repeat该类my-dir可以放在ng-repeat的范围内,也可以放在它之外

案例1:my-dir超出了ng-repeat的范围

.my-dir
  .set(ng-repeat='button in buttons')
    button(id='id{{$index}}') {{item}}

现在上面的代码$('.set').on('click', function() { alert('button clicked');});没有被执行!

案例2:my-dir在ng-repeat中

(在控制器中) $scope.buttons=['4', '3', '2', '1'] …

html包含

form(name="Form", action="/", method="post")
  button(type='submit') submit

Express服务器包含：

app.post('/', function(req, res){   
  res.render('home', {user: req.body});
});

如预期的那样，home.jade它在浏览器中呈现。但是，当我home.jade在http://localhost:3000It 处刷新文件时，要求重新提交确认表单，我想摆脱这个- Confirm Form Resubmission！

该home.jade文件是包含简单文本的简单文件。

<div> line 1 <br>
  line 2  <br>
  line 3  <br>
  line 4  <br>
  ...     ...
</div

CSS: -

div {
  line-height: 20px;
  height: 80px;
}

jQuery的:

$('div').css('height', xxx)

我可以使用上面的jQuery代码或任何其他,使heightdiv再次灵活,即,适合内容而不是手动预定？

使用Bootstrap模态html5Mode(true).

单击launch demo modal第一次单击时,/#myModal不会显示对模态的URL更改.

再次单击时launch demo modal,会出现模态.

在正常模式下($locationProvider.html5Mode(false);模式出现在第一次点击.

如何让Modal出现在第一次点击？

标准模态代码: -

<!-- Button trigger modal -->
  <a data-toggle="modal" href="#myModal" class="btn btn-primary btn-lg">Launch demo modal</a>

  <!-- Modal -->
  <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">

        <div class="modal-body">
          ...
        </div>

      </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
  </div><!-- /.modal -->

角度代码: -

var myApp = angular.module('myApp', []);

myApp.config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) {
  $routeProvider.
      when('/', {
        templateUrl: 'partials/home',
        controller: …

使用Chosen版本1.0.0我包含以下文件

link(href='css/chosen.css', rel="stylesheet", type="text/css");
script(src='js/chosen.jquery.min.js')
script.
    $(".chosen-select").chosen()

body
  select(data-placeholder="Choose a country...", multiple style="width:350px;" ).chosen-select
            <option value=""></option>
            <option value="United States">United States</option>
            <option value="United Kingdom">United Kingdom</option>
            <option value="Afghanistan">Afghanistan</option>
            <option value="Aland Islands">Aland Islands</option>
            <option value="Albania">Albania</option>
            <option value="Algeria">Algeria</option>
            <option value="American Samoa">American Samoa</option>

上面的代码给出了一个功能不正确select box的上面的显示是相同的

select(multiple, style="width:350px;")
            <option value=""></option>
            <option value="United States">United States</option>

在分析我看,这两个chosen.css并chosen.jquery.min.js没有阶级chosen-select,我使用jQuery版本,v1.10.2我也是加载的jQuery作为第一个文件在页面上避免冲突.

谢谢你的帮助.

var x = [{ a: 1, b: 2}, { a: 11, b: 12}, { a: 31, b: 23}, { a: 51, b: 24}]

你怎么找到的a = 11？

对于简单数组,人们可以这样做x.indexOf('1');,也许解决方案应该是这样的

var a1 = x.indexOf({a: 1});

当然,我想获得值匹配的整个JSON.