Javascript angular js自定义指令在没有ng app指令的情况下不起作用_Javascript_Angularjs

Javascript angular js自定义指令在没有ng app指令的情况下不起作用

javascript angularjs

Javascript angular js自定义指令在没有ng app指令的情况下不起作用,javascript,angularjs,Javascript,Angularjs,我已经创建了一个名为myAddress的自定义指令。我将在另一个html页面中使用它。只有当我在如下元素中给它一个ng应用程序时，custom指令才起作用 <my-Address ng-app="customModule"> </my-Address>. 添加指令的html <!Doctype html> <html > <head> <title>Angular JS Custom Directive<

我已经创建了一个名为myAddress的自定义指令。我将在另一个html页面中使用它。只有当我在如下元素中给它一个ng应用程序时，custom指令才起作用

<my-Address  ng-app="customModule">  </my-Address>.

添加指令的html

<!Doctype html>
<html >

<head>
    <title>Angular JS Custom Directive</title>

    <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="style.css" />
</head>

<body>
<h2> some heading </h2>

    <my-Address  ng-app="customModule">  </my-Address>

<link rel="stylesheet"
      href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" />

<script
        src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<script
        src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script
        src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular.min.js"></script>
<script src="customDirectiveScript.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.15/angular-sanitize.js"></script>
<script src="tv4.js"></script>
<script src="ObjectPath.js"></script>
<script src="schema-form.js"></script>
<script src="bootstrap-decorator.js"></script>


</body>
</html>


Angular JS自定义指令
一些标题

请帮忙，提前谢谢。

试试下面的方法

<!Doctype html>
<html >

<head>
    <title>Angular JS Custom Directive</title>

    <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
     <link rel="stylesheet" href="style.css" />
</head>

<body ng-app="customModule">
<h2>NationWide Standardized </h2>

    <my-Address  >  </my-Address>

<link rel="stylesheet"
  href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" />

<script
    src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<script
    src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script
    src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular.min.js"></script>
<script src="customDirectiveScript.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.15/angular-sanitize.js"></script>
<script src="tv4.js"></script>
<script src="ObjectPath.js"></script>
<script src="schema-form.js"></script>
<script src="bootstrap-decorator.js"></script>


</body>
</html>

您编写的自定义模块将被注入到另一个angular应用程序中，该应用程序允许您访问my address指令

，如果您不打算自己调用

angular.bootstrap（）

，则您的

需要一个

ng app

属性（出于与异步相关的原因，您可能需要这样做）

你想把它放在你的顶级标签上（应该是

html

），因为任何超出这个范围的东西都不会被angular（也就是说控制器、视图、foreaches等等）拾取

这就是你的代码不起作用的原因：Angular在

ng app

-启用元素之外没有“启用”。

你能发布整个“html”内容吗？除非你自己引导Angular，否则你需要有ng app。当然，Angular app不会起作用，除非你引导它。这就是你放置ngApp属性时发生的事情。我如何自己引导它？任何关于如何访问的链接都将被显示@Zakaria您想要哪个html是customDirective.html还是我使用自定义指令的html。@kasey放置指令的html不应该在我的html中包含ng应用程序，因为自定义指令应在另一个应用程序中使用，其中应用程序名称不同，但感谢您的帮助。我在哪里调用有角度的.bootstrap（）？我是否必须在指令后在js文件中调用它。我建议使用

ng app

<!Doctype html>
<html >

<head>
    <title>Angular JS Custom Directive</title>

    <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="style.css" />
</head>

<body>
<h2> some heading </h2>

    <my-Address  ng-app="customModule">  </my-Address>

<link rel="stylesheet"
      href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" />

<script
        src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<script
        src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script
        src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular.min.js"></script>
<script src="customDirectiveScript.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.15/angular-sanitize.js"></script>
<script src="tv4.js"></script>
<script src="ObjectPath.js"></script>
<script src="schema-form.js"></script>
<script src="bootstrap-decorator.js"></script>


</body>
</html>

<!Doctype html>
<html >

<head>
    <title>Angular JS Custom Directive</title>

    <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
     <link rel="stylesheet" href="style.css" />
</head>

<body ng-app="customModule">
<h2>NationWide Standardized </h2>

    <my-Address  >  </my-Address>

<link rel="stylesheet"
  href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" />

<script
    src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<script
    src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script
    src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular.min.js"></script>
<script src="customDirectiveScript.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.15/angular-sanitize.js"></script>
<script src="tv4.js"></script>
<script src="ObjectPath.js"></script>
<script src="schema-form.js"></script>
<script src="bootstrap-decorator.js"></script>


</body>
</html>

angular.module('myApp',['customModule'])