小编Mar*_*ine的帖子

我有一个带控制器的html文件和一个带有模板URL的指令.我想在控制器中有条件地加载/编译指令:

控制器:

app.controller('TestController', function TestController($http, $scope, $compile) {

$scope.loadData = function (pageId) {
    var pUrl = <some url>
    $http({
        method: 'GET',
        url: pUrl
    }).success(function (data, status) {
        $scope.pData = data;
        var htm = '<test-directive></test-directive>';
        var elm = angular.element("#id").append(htm);
        $compile(elm)($scope);
    }).error(function (data, status) {
        alert('error');
    });
};

$scope.loadData();

});

指示:

'use strict';

app.directive('testdirective', function ($http) {
var uDirective = {};

uDirective.restrict = 'E';
uDirective.templateUrl = 'js/directives/testdirective.html';
uDirective.controller = function ($scope, $element, $attrs) {
$scope.showDirectiveData();

    $scope.showDirectiveData = function () {
        $scope.directiveDataCollection = …

当我在许多网站上查看控制台时,包括Stack Overflow,我得到(通常是几个实例)以下错误:

Error in event handler for (unknown): Blocked a frame with origin "<URL>"
from accessing a cross-origin frame. 

似乎有理由期望我使用的一些网站可能配置错误的CORS策略,但突然之间它出现在我的日志中,我使用过以前从未做过的很多网站.

我现在正在运行最新的稳定Chrome(34.0.1847.131),我尝试关闭并重新启动无济于事.

我有一个段落元素的集合.有些是空的,有些只包含空格,有些则有内容:

<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
<p></p>
<p> </p>
<p>    </p>
<p>&nbsp;</p>
<p> &nbsp;</p>

我正在getElementsByTagName选择它们:

var paragraphs = document.getElementsByTagName('p');

这将返回文档中的所有段落.我想删除所有这些,所以我想跑

for (var i = 0, len = paragraphs.length; i < len; i++) {
   paragraphs[i].remove();
}

但我得到Uncaught TypeError: Cannot read property 'remove' …

我正在尝试将一些输入放在表中居中，并使用引导程序（在 angularjs 上）为此 td 设置大小，但我无法使其工作！

我现在所拥有的：

<div class="container">
    <form class="form" data-ng-submit="salvarPartida()">
        <table class="table table-bordered" align="center">
            <tr data-ng-repeat="partida in partidas | filter : {fase : fase}">
                <td style="height: 30px; text-align: right; font-size: 10pt;">{{partida.time1.nome}}
                    <img data-ng-src="/images/bandeiras/{{partida.time1.imgNumber}}.png" style="vertical-align: middle;">
                </td>
                <td  class="col-sm-6">
                    <div class="col-xs-3" >
                        <input type="text" class="form-control">
                    </div>
                    <div class="col-xs-3">
                        <input type="text" class="form-control">
                    </div>
                </td>
                <br>
                <td  style="height: 30px; text-align: left; font-size: 10pt;"><img src="/images/bandeiras/{{partida.time2.imgNumber}}.png" title="{{partida.time2.nome}}" 
                    style="vertical-align: middle;"> {{partida.time2.nome}}</td></tr>
                </table>
                <button class="btn btn-primary btn-block" type="submit">Salvar</button>
                <br>
                <br>
            </form>
        </div>

看起来像：

但我的期望是：

别管颜色样式，我只想正确对齐所有字段！

我试过在 …

说我有4个项目ng-repeat.如何排除一个项目orderBy？

<li ng-repeat="item in items | orderBy:'id':true">

$scope.items = [
    {"name":"item1","id":1},
    {"name":"item2","id":2},
    {"name":"item3","id":3},
    {"name":"item4","id":4}
];

我怎么能说,id:3总是作为第一项出现？

plunker演示

我试图在我的一个指令ngModel和我自己的指令上要求两个控制器.

父控制器应该注入到孩子的链接功能,但我无法让它工作.我想知道我做错了什么......

app.directive('container', function () { 
  return { 
    transclude : true ,
    template : "<div ng-transclude></div>",
    controller : function ($scope) { 
      console.log('container controller');
      $scope.v1 = '123';
      $scope.f1 = function () { 
         console.log('f1');
      };
    },
    link : function (scope, element) { 
      console.log('container link');
    }
  };
});

app.directive('single', function () { 
  return { 
    require : ['^container','ngModel'], 
    scope : false , 
    link : function (scope, element, attrs , parentsCtrl) { 
      console.log('single link');
      console.log(parentsCtrl);

      var containerParent = parentsCtrl[0];
      var ngModel = parentsCtrl[1]; …