AngularJs CRUD操作删除不需要的代码

时间:2016-04-02 06:47:19

标签: html angularjs

我是新手,在我的项目中使用angularjs。 例如,我正在使用波纹管操作。

1. Create
2. View
3. Edit
4. List

在这四个操作中,我正在使用4个html页面。

我理解LIST操作需要一个html页面。 所以现在我尝试将添加/查看/编辑html页面缩减为单页。

这里我没有附上我的html和js代码,但我需要知道如何简单地编写代码。

我试着: 1.一页html显示所有记录(列表)。 2.添加/编辑/查看 - 所有操作都应该是单个html页面。

任何人都可以建议最佳方式或演示。

2 个答案:

答案 0 :(得分:0)

你可以使用相同的html创建&编辑。

要使用相同的html进行查看,请尝试将模式作为额外参数。

模式:创建,编辑和查看。

您可以在'中查看'模式。

答案 1 :(得分:0)

我为创建和编辑保留了相同的模板,以避免在需求发生变化时在两个位置更新表单。

模块可以定义路径:

.state('home.contentFeeds', {
          abstract: true,
          url: '/content-feeds',
          template: '<div ui-view></div>',
          controller: function () {
          }
        })
        .state('home.contentFeeds.list', {
          url: '/list?status&published',
          templateUrl: 'app/administrator/content-feeds/list/list-content-feeds.html',
          controller: 'ListContentFeedsController'
        })
        .state('home.contentFeeds.upsert', {
          url: '/upsert/:contentFeedId',
          templateUrl: 'app/administrator/content-feeds/upsert/upsert-content-feed.html',
          controller: 'UpsertContentFeedController'
        })
        .state('home.contentFeeds.view', {
          url: '/view/:contentFeedId',
          templateUrl: 'app/administrator/content-feeds/view/view-content-feed.html',
          controller: 'ViewContentFeedController'
        })

我更喜欢将路线,html视图和控制器命名为包含单词 upsert (源自 up 日期和 sert 字样)。

编辑表单可能有比创建表单少的字段,在这种情况下,您可以使用ng-show隐藏字段。您还需要使用ng-required选择停用字段,以便不对其进行验证。

如果是新的/编辑表单,则可以检查传递给路径的ID的存在。

查看表单应该保持独立,因为它显示信息而不需要对HTML输入控件进行大量标记。