3.1. FTIR Spectroscopy
The FTIR spectroscopy was performed to analyse the chemical structures of the hydrogels, as shown in
Figure 2. A comparison of the FTIR spectra of the P(SA-
co-MA-
co-SPMA) and Alg/P(SA-
co-MA-
co-SPMA) hydrogels reveals the appearance of C=O symmetric stretching vibration and C–O stretching vibration peaks of Alg at 1620 and 1094 cm
−1, respectively, indicating successful incorporation of Alg into the P(SA-
co-MA-
co-SPMA) hydrogel network [
37]. The carboxyl group asymmetric stretching vibrations shifted from 1570 cm
−1 in the spectrum of P(SA-
co-MA-
co-SPMA) hydrogel to 1563 cm
−1 in the spectra of Alg/P(SA-
co-MA-
co-SPMA) hydrogel, which indicates the formation of hydrogen bonds between the carboxyl group and hydroxyl group. Moreover, the C–O stretching vibration peak at 1078 cm
−1 and the C=O stretching vibration peak at 1636 cm
−1 in the FTIR spectra of the Alg/P(SA-
co-MA-
co-SPMA)/Ca
2+ hydrogel are enhanced compared with those of Alg/P(SA-
co-MA-
co-SPMA), whereas the –COOH stretching vibration peak at 1409 cm
−1 is weakened. These results imply that the added Ca
2+ ions form coordination complexes with the Alg/PSA molecular chains [
38].
Finally, the –C–O– stretching vibration peak at 1428 cm
−1 and the –C–N
+ stretching vibration peak at 1314 cm
−1 of the Alg/P(SA-
co-MA-
co-SPMA)/Ca
2+ hydrogel are enhanced after UV exposure, which indicates the photoinduced conversion of SP to MC in the polymer [
39,
40]. Upon UV irradiation, the stretching vibration peak owing to tertiary C–N shifted to higher energy from 1327 to 1335 cm
−1, whereas the –COO
− stretching vibration peaks at 1562 and 1454 cm
−1 is enhanced, which may be owing to the interaction between the zwitterionic MC structure and Ca
2+ or –COO
− in the network.
3.2. Mechanical Properties of the Hydrogels
Considering that the mechanical property is the basis of the hydrogel application, the mechanical properties of the present hydrogels were characterised by performing tensile experiments. As shown in
Figure S2a, the tensile strength of the P(SA-
co-MA-
co-SPMA) hydrogels was less than 23 kPa with a maximum elongation at break of 220%. After the addition of Alg, the tensile strength and maximum elongation at break of the hydrogels greatly increased to 33.8 kPa and nearly 500%, respectively, because many long-chain Alg molecules entangle with the P(SA-
co-MA-
co-SPMA) molecular chains in the covalently cross-linked network. Simultaneously, hydrogen bonding is formed between the –COO
− groups in the P(SA-
co-MA-
co-SPMA) chains and hydroxyl groups in the Alg chains, obviously increasing the tightness of the whole hydrogel network. In such a network, the stress can be well dispersed when external forces are applied to the Alg/P(SA-
co-MA-
co-SPMA) hydrogel, thus increasing its tensile strength and elongation at break.
These results demonstrate that weak Alg/P(SA-
co-MA-
co-SPMA) hydrogels were converted into strong and tough hydrogels by forming Ca
2+–COO
− coordination complexes that act as additional cross-links to strengthen the hydrogel matrix. When the hydrogel was soaked in 2.8-M Ca
2+ solutions, its mechanical properties reached maximum values, i.e. a tensile strength of 3.3 MPa, an elongation at break of 485% and a work of tension of 8.38 MJ m
−3 (
Figure 3b). Compared with those of the hydrogel without Ca
2+, the tensile strength and the work of tension increased by 97 and 98 times, respectively. This is because soaking in Ca
2+ solutions produces not only more molecular chain entanglements but also cross-links owing to the formation of complexes between Ca
2+ and –COO
−. The SEM images of the P(SA-
co-MA-
co-SPMA) hydrogel clearly display a multi-scale network structure containing abundant micropores with an average size of 1 µm (
Figure S3b). After soaking in Ca
2+, no clear network structure can be observed in the SEM images of the P(SA-
co-MA-
co-SPMA)/Ca
2+2.8M hydrogel, which contains many micelle microspheres with an average size of 1.5 µm (
Figure S3e). This is because the hydrogel network becomes dense after soaked in 2.8-M Ca
2+, which leads to a volume shrinkage and transparency decrease.
To study the effect of the Ca
2+ concentration of the soaking solution on the mechanical properties of the Alg/P(SA-
co-MA-
co-SPMA)/Ca
2+ hydrogels, the tensile properties were investigated (
Figure 3b). The tensile strength of the Alg/P(SA-
co-MA-
co-SPMA)/Ca
2+ hydrogel soaked in solutions with the Ca
2+ concentrations ranging from 1.0 to 3.2 M gradually increased from 0.06 to 5.12 MPa (
Figure 3d). With the continuous increase in the Ca
2+ concentration, the concentration of the external environment solution exceeds that of the hydrogel internal environment, causing a shrinkage and decrease in the water content of the hydrogel (
Figure 3c). Optical photos of the hydrogels are shown in
Figure 3a. With the volume shrinkage of the hydrogel, more ionic cross-links and more entanglements are formed between the molecular chains of the hydrogel network, which are tightly clustered and have small porosity. The work of tension of the Alg/P(SA-
co-MA-
co-SPMA)/Ca
2+ hydrogel also gradually increased from 0.056 to 11.05 MJ m
−3 with increasing Ca
2+ concentration from 1.0 to 2.9 M because the metal coordination cross-links were cleaved under external stress as, facilitating the energy dissipation (
Figure 3g). The elongation at break increased first and then decreased with increasing Ca
2+ concentration, reaching the maximum value of 485% at a Ca
2+ concentration of 2.8 M (
Figure 3e). With the increase of Ca
2+ concentration, the elastic modulus of the hydrogel are significantly improved (
Figure 3f). As shown in the images (
Figure S3b), the Alg/P(SA-
co-MA-
co-SPMA)/Ca
2+2.0M hydrogel have bigger pore size than the Alg/P(SA-
co-MA-
co-SPMA) hydrogel. As the concentration of Ca
2+ increases, the network structure of hydrogels shrink and such pores disappearance is visualized. Scanning electron microscopy (SEM) images of P(SA-
co-MA-
co-SPMA)/Ca
2+2.6M hydrogel clearly display many microspheres (
Figure S3d). When Ca
2+ increases, the microspheres decrease significantly in images of P(SA-
co-MA-
co-SPMA)/Ca
2+3.0M hydrogel. This is because the hydrogel network becomes denser after soaked in 3.0 M Ca
2+, which leads to the polymer network shrinks and tightly wraps microspheres. Upon increasing the Ca
2+ concentration, the osmotic pressure inside and outside the hydrogel also increases, driving the hydrogel shrinkage and more Ca
2+ ions to penetrate into the hydrogel, forming more coordination structures with the –COO
− groups on the macromolecular chains and making the cross-linked network more compact, thus increasing the tensile strength and elastic modulus of the hydrogel. When the concentration of Ca
2+ ions further increases within the range of 2.9–3.2 M, the volume of the hydrogel obviously shrinks, increasing the density of the macromolecular chains of the hydrogel. Ca
2+ ions form excess ionic cross-links structures with the –COO
− groups in the macromolecular chains, restricting the free movement of the macromolecular chain segments and in turn decreasing the elongation at break decrease to a certain extent.
After 30 s of UV irradiation, when the concentration of Ca
2+ was 2.8 M, the tensile strength of the Alg/P(SA-
co-MA-
co-SPMA)/Ca
2+ hydrogel increased by 9.4% from 3.2 to 3.5 MPa (
Figure 3b), which is owing to the presence of a large number of polar zwitterionic MC structures in the network. The UV–vis spectrum of Alg/P(SA-
co-MA-
co-SPMA)/Ca
2+2.8M displayed obvious SP open-loop characteristic peaks at 538 nm, which reached saturation after 30 s of irradiation (
Figure S4). At this point, simultaneously with the volume shrinkage [
41], the water content of the hydrogel decreased from 66.4% to 64.6% (
Figure 3c). The zwitterionic MC structures can also interact with Ca
2+, increasing the physical interactions in the co-polymerisation network, further enhancing the mechanical properties of the hydrogel. This result is consistent with the FTIR spectral analysis. The hydrogels also exhibited excellent photoisomerisation reversibility and fatigue resistance at room temperature. The fatigue resistance to light was investigated by subjecting the same hydrogel to 10 cycles of UV–vis irradiation (
Figure S5). During the first six colouration/decolouration cycles, the intensity at λ
max decreased by 5%. However, during the next four cycles, the intensity at λ
max only decreased by another 5%. With the increasing number of cycles, the degree of reduction of the absorption intensity decreased. These results show that the metal coordination can substantially improve the mechanical properties of the hydrogels, which can be controllably adjusted within a certain range. The introduction of metal coordination in photochromic hydrogels can be enhanced via UV irradiation, resulting in excellent light fatigue resistance.
Next, the effect of the first network of Alg on the mechanical properties was studied. Control hydrogels without Alg exhibited similar mechanical behaviour to that of the Alg/P(SA-co-MA-co-SPMA)/Ca2+ double-network hydrogels. A comparison of the mechanical properties of the P(SA-co-MA-co-SPMA)/Ca2+ hydrogels and Alg/P(SA-co-MA-co-SPMA)/Ca2+ double-network hydrogels is shown in Table 1. Compared with the P(SA-co-MA-co-SPMA)/Ca2+ hydrogels, the Alg/P(SA-co-MA-co-SPMA)/Ca2+ double-network hydrogels have higher tensile strength and initial elastic modulus, indicating that the first Alg network helps improve the mechanical properties of the hydrogel. This can be attributed to Alg increasing the entanglement of the hydrogel network, which results in the formation of egg-box-like ionic interactions between Alg and Ca2+, leading to more intermolecular interactions in the hydrogel networks. As a result, the ion-cross-linked hybrid double-network hydrogel has ultra-high mechanical properties that can be tuned by the ion concentration.
3.4. Shape Memory of the Hydrogels
As expected, the dynamic ionic coordination bonds endowed the hydrogels with shape memory functionalities [
42]. The stability of coordination complexes is influenced by the Ca
2+ concentration, indicating their dynamic nature. Because of the reversibility of coordination bonds of the system of P(SA-
co-MA-
co-SPMA) and Ca
2+, shape fixation and recovery of hydrogels can be realised by switching the Ca
2+ concentration in the hydrogels. Moreover, the ion-cross-linked hydrogels usually produce reversible shape memory effect by controlling the pH value or introducing competitive ligands [
34]; however, the Alg/P(SA-
co-MA-
co-SPMA)/Ca
2+2.8M hydrogel can quickly recover its shape in pure water. As shown in
Figure 4a, an Alg/P(SA-
co-MA-
co-SPMA)/Ca
2+2.8M hydrogel sample was put into pure water at room temperature for 120 s and the hydrogel softened owing to the blocking of ionic cross-links. This softening indicates that the dynamic cross-links between P(SA-
co-MA-
co-SPMA) and Ca
2+ were damaged, with the egg-box-like ionic interactions between Alg and Ca
2+ and the covalent cross-links in the P(SA-
co-MA-
co-SPMA) network acting as permanent netpoints. After soaking the softened hydrogel in 2.8-M Ca
2+ solution for 4 h to form and consolidate a spiral shape, the hydrogel maintained the spiral shape after removing the external force, achieving shape programming.
Figure 4a shows the shape memory property of the hydrogel upon immersion in pure water and Ca
2+ solution. The Alg/P(SA-
co-MA-
co-SPMA)/Ca
2+2.8M hydrogel can recover its original flat shape in only 120 s in pure water and in 150 s in the UV curing box (
Figure 4b). The longer time required for the hydrogel to complete shape recovery under UV light is owing to the presence of abundant polar zwitterionic MC structures in the network after UV irradiation. The polarity increase may promote the interaction between the MC isomers and –COO
− groups in the molecular chains of the hydrogel. Meanwhile, the zwitterionic MC structures can also interact with Ca
2+, increasing the physical entanglement in the co-polymerisation network, making the cross-linked network more compact. After recovering the original flat shape in pure water, the hydrogel can form a new shape by soaking in 2.8-M Ca
2+ solution, achieving shape programming again.
In practical applications of hydrogels, the reversibility of shape fixation and relaxation is very important. As shown in
Figure 4c, a softened hydrogel soaked in 2.8-M Ca
2+ solution for 4 h to consolidate the shape forms a circle with a deformation angle
θm after shape memory. Subsequently, the hydrogel can recover its shape after immersion in pure water for 60 s, and the deformation angle after shape recovery is
θr. The shape recovery rate (
Rr) can be calculated using the ratio between
θr and
θm. As shown in
Figures S6 and S7, the reversibility was investigated by subjecting the same hydrogel to 10 cycles of shape fixation and relaxation and separately recording the
θm and
θr values. As shown in
Figure 4d, with the increasing number of cycles,
Rr exhibits excellent repeatability, indicating the excellent reversibility of the shape fixation and relaxation of the hydrogel before and after UV irradiation.