Angularjs 在ZURB基金会中安装角度可编辑的应用程序？我是单页应用程序的NoOB，应用程序的基础（F4A）和angul.js。这是我第一次尝试将角度模块添加到框架中，虽然看起来很容易，但有些地方不起作用。问题是html的角度部分显示在呈现的页面上 {{ user.name || "empty" }}._Angularjs_Angularjs Directive_Zurb Foundation Apps

Angularjs 在ZURB基金会中安装角度可编辑的应用程序？我是单页应用程序的NoOB，应用程序的基础（F4A）和angul.js。这是我第一次尝试将角度模块添加到框架中，虽然看起来很容易，但有些地方不起作用。问题是html的角度部分显示在呈现的页面上 {{ user.name || "empty" }}.

angularjs

Angularjs 在ZURB基金会中安装角度可编辑的应用程序？我是单页应用程序的NoOB，应用程序的基础（F4A）和angul.js。这是我第一次尝试将角度模块添加到框架中，虽然看起来很容易，但有些地方不起作用。问题是html的角度部分显示在呈现的页面上 {{ user.name || "empty" }}.,angularjs,angularjs-directive,zurb-foundation-apps,Angularjs,Angularjs Directive,Zurb Foundation Apps,然而，对于来自F4A的指令，这种情况并没有发生。它们在页面上不可见。我还没有编写控制器的代码，只是列出了html。此模块用于用户内联编辑页面（如配置文件），因此我不必一个配置文件页面用于数据输入，另一个页面用于显示如果你能帮我弄明白这一点，我将不胜感激！而且，我在网上找不到相关的指导，我也不是第一个把事情搞砸的人我正在按照入门说明进行操作 1） Bower安装进展顺利，模块现在位于/Bower components/xeditable中 2）我已经在index.html标题中插入了建议的c

然而，对于来自F4A的指令，这种情况并没有发生。它们在页面上不可见。我还没有编写控制器的代码，只是列出了html。此模块用于用户内联编辑页面（如配置文件），因此我不必一个配置文件页面用于数据输入，另一个页面用于显示

如果你能帮我弄明白这一点，我将不胜感激！而且，我在网上找不到相关的指导，我也不是第一个把事情搞砸的人

我正在按照入门说明进行操作

1） Bower安装进展顺利，模块现在位于/Bower components/xeditable中

2）我已经在index.html标题中插入了建议的css链接

3）我在标题中插入了建议的js脚本，但也尝试了在Gulpfile顶部附近，我认为应该是：

// These files include Foundation for Apps and its dependencies
foundationJS: [
  'bower_components/*', //add a bunch more like this.

  //Angular-xeditable module
  'bower_components/angular-xeditable/dist/js/xeditable.js'
],

4）此位已位于Zurb的index.html顶部：

<html ng-app="app">

但是，我把它放在app.js的顶部：

(function() {
  'use strict';
  angular.module('pfApp', [
    'ui.router',
    'ngAnimate',

    //foundation
    'foundation',
    'foundation.dynamicRouting',
    'foundation.dynamicRouting.animations',

    //angular-xeditable directive
    'xeditable'
 ])

6）步骤6希望将此代码放在模板中，因此我将其放在一个已经有角度{{}的模板中，该角度{{}不会导致问题：

<div ng-controller="Ctrl">
  <a href="#" editable-text="user.name">{{ user.name || "empty" }}</a>
</div>

我在Upwork.com上找到了一个编码员Natalya Ivanyak，他让这项工作得以进行。我只展示了关键部分作为示例，而不是整个表单

在projects-profile.html部分中：

<form editable-form name="addProjectForm" novalidate ng-controller="projectFormCtrl">

<div class="small-12 columns">
    <a href="" ng-click="$form.$show()" e-placeholder="Describe the project in one or two short paragraphs." editable-textarea="project.description" e-name="description" e-rows="40" e-cols="40">
      <pre class="textarea-field">{{project.description || 'Describe the project in one or two short paragraphs.'}}</pre>
    </a>
  </div>

希望这对别人有帮助

我在Upwork.com上找到了一位编码员，娜塔莉亚·伊万亚克，他让这部电影成功了。我只展示了关键部分作为示例，而不是整个表单

在projects-profile.html部分中：

<form editable-form name="addProjectForm" novalidate ng-controller="projectFormCtrl">

<div class="small-12 columns">
    <a href="" ng-click="$form.$show()" e-placeholder="Describe the project in one or two short paragraphs." editable-textarea="project.description" e-name="description" e-rows="40" e-cols="40">
      <pre class="textarea-field">{{project.description || 'Describe the project in one or two short paragraphs.'}}</pre>
    </a>
  </div>

希望这对别人有帮助

<form editable-form name="addProjectForm" novalidate ng-controller="projectFormCtrl">

<div class="small-12 columns">
    <a href="" ng-click="$form.$show()" e-placeholder="Describe the project in one or two short paragraphs." editable-textarea="project.description" e-name="description" e-rows="40" e-cols="40">
      <pre class="textarea-field">{{project.description || 'Describe the project in one or two short paragraphs.'}}</pre>
    </a>
  </div>

angular.module('pfApp').controller('projectFormCtrl', ['$scope', '$filter', function($scope, $filter) {
$scope.project = {
    pitch: '',
    description: '',
    whatEverElseYouWant: ''
};