menu
Logo
  • Why azing?
  • Blog
  • Help
ENarrow_drop_down
  • DE
  • EN
Suche in Checklisten
search
azing Logo ENarrow_drop_down
  • DE
  • EN
  • Why azing?
  • Help
2sxc
drive_folder_upload
  • homeChecklist Templates
  • south
  • fiber_manual_recordPro: Develop with 2sxc (Apps, Content-Types, Templates, etc.)
  • south
  • fiber_manual_recordJS: Angular Apps Development
  • south

folder_sharedDnn-Sxc-Angular 11 (for Angular 6-11)

  • homeChecklist Templates
  • south
  • fiber_manual_recordPro: Develop with 2sxc (Apps, Content-Types, Templates, etc.)
  • south
  • fiber_manual_recordJS: Angular Apps Development
  • south

folder_sharedDnn-Sxc-Angular 11 (for Angular 6-11)

Folders and checklists

  • folder_sharedToolbars
  • check_circlednn-sxc-angular - Quick Start
  • check_circlednn-sxc-angular - Tutorial - Accessing Content using REST and content$
  • check_circleEnable local development in an existing 2sxc / DNN / Angular 11 app
  • check_circleTemplate Angular 11 App - Getting started
  • check_circleTemplate Angular 11 App - Install and Discover
  • check_circleTemplate Angular 11 App - Rename the App

Parts (1) expand_more

These are small document-parts which are used in other documents. They are not a starting point for any real activity. Because of this, they will be listed further down and the search will not list them unless requested. 

  • check_circleIntegrate dnn-sxc-angular into your App

This guide will help you to create a new 2sxc app with Angular 6+. It assumes you have already used 2sxc and know how to add apps, views and content types. If this is not the case, please start with the guide to create your own app. Before you start, make sure you have installed 2sxc 9+. The guide was tested with Angular CLI 6.1.4; the files may differ for later versions.

Recommended: instead of following this guide you can download the prepared 2sxc template app here: https://github.com/2sic/app-template-angular

Prepare

  1. Create an empty 2sxc app
  2. Inside the app folder (e.g. /Portals/0/2sxc/[App])
    1. Create a folder ng
    2. Inside ng, create an angular app using the ng CLI: ng new [app-name] --directory ./
  3. Follow the guide to enable local development
  4. Add dnn-sxc-angular and make the app aware of it

If you run into issues, check troubleshooting or post questions on stack-overflow with the tags dnn, 2sxc, angular.

Logo
Legal | Content Copyright CC-BY 4.0
bug_reportReport Bug
  • info
  • Links
  • Permissions
code Share
code
URL copied to clipboard.
Embed Checklist close
Copy Copy
Content Copyright

CC-BY 4.0

Translations

None

2sxc - Content Management for DNN & Oqtane Logo

2sxc - Content Management for DNN & Oqtane

QR-Code
azing.org/2sxc/r/NEoZ5FvW
View & Use

Public (can be used by everybody)

Edit & Admin

Default (all members can edit)

This catalog has a simple permission model, where all members have the same permissions. For advanced permissions, upgrade to Enterprise.

Here you can see how this document is used and linked by other documents

Used in (1)

Others referencing this

  1. dnn-sxc-angular - Tutorial - Accessing Content using REST and content$
Uses these (3)

Documents linked from this document

  1. Enable local development in an existing 2sxc / DNN / Angular 11 app
  2. Integrate dnn-sxc-angular into your App
  3. Troubleshooting
How it Behaves

How this document is categorized changes how it behaves.

This is a main document, it is listed normally and appears in search result.

Type

This is a Checklist. Lists are converted into checkboxes.

Get something to say?

Comment to start a discussion or make a note
send

please log on to chat

close

Durchsuche ganz Azing